Unable to render PDF using DocumentWrapper component

Installed AllenAI pdf-component-library using `npm install @allenai/pdf-components` . Used the code from [Reader](https://github.com/allenai/pdf-component-library/blob/main/ui/demo/components/Reader.tsx) component. Unable to render Pdf documents. Errors : `Unable to call method(). The context Provider may not be setup correctly.`. Screenshot of console log below.

Relevant code snippets below :

package.json:
```
"dependencies": {
"@allenai/pdf-components": "^1.0.1",
```

src/components/Pdf.js:
```
import React, { useEffect, useRef, useState } from "react";
import {
DocumentContext,
DocumentWrapper,
Overlay,
PageWrapper,
RENDER_TYPE,
ScrollContext,
} from '@allenai/pdf-components';

export default function Pdf(props) {
const { pageDimensions, numPages } = React.useContext(DocumentContext);
const { setScrollRoot } = React.useContext(ScrollContext);

React.useEffect(() => {
setScrollRoot(null);
}, []);

// ref for the div in which the Document component renders
const pdfContentRef = React.createRef();

// ref for the scrollable region where the pages are rendered
const pdfScrollableRef = React.createRef();

const samplePdfUrl = 'https://arxiv.org/pdf/2112.07873.pdf';

return (


Any help is appreciated.