Encountering Uncaught Runtime errors in Jupyter-React App

[Prahmodh-Raj1]

Description

I'm encountering these runtime errors everytime I render the React Application with Jupyter-React Components in them.

Here's the code for the React Application:

import { useState, useEffect } from 'react';
import { Jupyter, Notebook, FileManagerJupyterLab, Terminal, CellSidebarRun } from '@datalayer/jupyter-react';
import { Box } from '@primer/react';
import { NotebookToolbar } from '@datalayer/jupyter-react/lib/examples/toolbars/NotebookToolbar';

const App = () => {
  

  return (
    <Box className="container">
      <Box className="sidebar">
        <Jupyter
          jupyterServerHttpUrl="http://127.0.0.1:8888"
          jupyterToken="0b7bed1aed958c86c6ead240863a30b0d1bdf89bb8ee1f07"
          startDefaultKernel={true}
          terminals={true}
        >
          <FileManagerJupyterLab />
        </Jupyter>
      </Box>
      <Box className="main">
        <Box className="content">
          <Jupyter
            jupyterServerHttpUrl="http://127.0.0.1:8888"
            jupyterToken="c4eaf548709053946f36a9355ebc77daa14ca8a133380134"
            startDefaultKernel={true}
            terminals={true}
          >
            <Notebook path={notebookPath} Toolbar={NotebookToolbar} CellSidebar={CellSidebarRun} />
            {isTerminalOpen && (
              <Box>
                <Terminal colorMode='light' height='300px' />
              </Box>
            )}
          </Jupyter>
        </Box>
      </Box>
    </Box>
  );
};

export default App;

Kindly let me know how these errors could be resolved. cc@echarles