search

datalayer / jupyter-ui

⚛️ React.js components 💯% compatible with 🪐 Jupyter - Storybook on https://jupyter-ui-storybook.datalayer.tech
https://jupyter-ui.datalayer.tech
Other
325 stars 46 forks source link

Error report when testing nextjs example #252

Closed c0mm4nd closed 3 months ago

c0mm4nd commented 3 months ago

Description


> @datalayer/jupyter-nextjs-example@0.1.0 dev
> next dev

 ⚠ Port 3000 is in use, trying 3001 instead.
  ▲ Next.js 14.2.4
  - Local:        http://localhost:3001

 ✓ Starting...
 ✓ Ready in 2.8s
 ○ Compiling / ...
 ⚠ ./node_modules/@jupyterlab/settingregistry/lib/settingregistry.js
Attempted import error: 'parse' is not exported from 'json5' (imported as 'json5').

Import trace for requested module:
./node_modules/@jupyterlab/settingregistry/lib/settingregistry.js
./node_modules/@jupyterlab/settingregistry/lib/index.js
./node_modules/@jupyterlab/toc-extension/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/components/jupyterlab/JupyterLabAppPlugins.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx

./node_modules/@jupyterlite/pyodide-kernel/lib/worker.js
Critical dependency: the request of a dependency is an expression

Import trace for requested module:
./node_modules/@jupyterlite/pyodide-kernel/lib/worker.js
./node_modules/@jupyterlite/pyodide-kernel/lib/index.js
./node_modules/@jupyterlite/pyodide-kernel-extension/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/jupyter/JupyterContext.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx

./node_modules/glslify-deps/index.js
Critical dependency: the request of a dependency is an expression

Import trace for requested module:
./node_modules/glslify-deps/index.js
./node_modules/glslify/transform.js
./node_modules/glslify/index.js
./node_modules/regl-scatter2d/bundle.js
./node_modules/plotly.js/src/traces/scattergl/plot.js
./node_modules/plotly.js/src/traces/scattergl/index.js
./node_modules/plotly.js/lib/scattergl.js
./node_modules/plotly.js/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/jupyter/renderers/plotly/PlotlyRenderer.js
./node_modules/@datalayer/jupyter-react/lib/components/viewer/input/InputViewer.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx

./node_modules/glslify/index.js
Critical dependency: the request of a dependency is an expression

Import trace for requested module:
./node_modules/glslify/index.js
./node_modules/regl-scatter2d/bundle.js
./node_modules/plotly.js/src/traces/scattergl/plot.js
./node_modules/plotly.js/src/traces/scattergl/index.js
./node_modules/plotly.js/lib/scattergl.js
./node_modules/plotly.js/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/jupyter/renderers/plotly/PlotlyRenderer.js
./node_modules/@datalayer/jupyter-react/lib/components/viewer/input/InputViewer.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx
 GET / 200 in 11435ms
 ⚠ ./node_modules/@jupyterlab/settingregistry/lib/settingregistry.js
Attempted import error: 'parse' is not exported from 'json5' (imported as 'json5').

Import trace for requested module:
./node_modules/@jupyterlab/settingregistry/lib/settingregistry.js
./node_modules/@jupyterlab/settingregistry/lib/index.js
./node_modules/@jupyterlab/toc-extension/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/components/jupyterlab/JupyterLabAppPlugins.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx

./node_modules/@jupyterlite/pyodide-kernel/lib/worker.js
Critical dependency: the request of a dependency is an expression

Import trace for requested module:
./node_modules/@jupyterlite/pyodide-kernel/lib/worker.js
./node_modules/@jupyterlite/pyodide-kernel/lib/index.js
./node_modules/@jupyterlite/pyodide-kernel-extension/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/jupyter/JupyterContext.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx

./node_modules/glslify-deps/index.js
Critical dependency: the request of a dependency is an expression

Import trace for requested module:
./node_modules/glslify-deps/index.js
./node_modules/glslify/transform.js
./node_modules/glslify/index.js
./node_modules/regl-scatter2d/bundle.js
./node_modules/plotly.js/src/traces/scattergl/plot.js
./node_modules/plotly.js/src/traces/scattergl/index.js
./node_modules/plotly.js/lib/scattergl.js
./node_modules/plotly.js/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/jupyter/renderers/plotly/PlotlyRenderer.js
./node_modules/@datalayer/jupyter-react/lib/components/viewer/input/InputViewer.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx

./node_modules/glslify/index.js
Critical dependency: the request of a dependency is an expression

Import trace for requested module:
./node_modules/glslify/index.js
./node_modules/regl-scatter2d/bundle.js
./node_modules/plotly.js/src/traces/scattergl/plot.js
./node_modules/plotly.js/src/traces/scattergl/index.js
./node_modules/plotly.js/lib/scattergl.js
./node_modules/plotly.js/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/jupyter/renderers/plotly/PlotlyRenderer.js
./node_modules/@datalayer/jupyter-react/lib/components/viewer/input/InputViewer.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx
 ⚠ ./node_modules/@jupyterlab/settingregistry/lib/settingregistry.js
Attempted import error: 'parse' is not exported from 'json5' (imported as 'json5').

Import trace for requested module:
./node_modules/@jupyterlab/settingregistry/lib/settingregistry.js
./node_modules/@jupyterlab/settingregistry/lib/index.js
./node_modules/@jupyterlab/toc-extension/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/components/jupyterlab/JupyterLabAppPlugins.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx

./node_modules/@jupyterlite/pyodide-kernel/lib/worker.js
Critical dependency: the request of a dependency is an expression

Import trace for requested module:
./node_modules/@jupyterlite/pyodide-kernel/lib/worker.js
./node_modules/@jupyterlite/pyodide-kernel/lib/index.js
./node_modules/@jupyterlite/pyodide-kernel-extension/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/jupyter/JupyterContext.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx

./node_modules/glslify-deps/index.js
Critical dependency: the request of a dependency is an expression

Import trace for requested module:
./node_modules/glslify-deps/index.js
./node_modules/glslify/transform.js
./node_modules/glslify/index.js
./node_modules/regl-scatter2d/bundle.js
./node_modules/plotly.js/src/traces/scattergl/plot.js
./node_modules/plotly.js/src/traces/scattergl/index.js
./node_modules/plotly.js/lib/scattergl.js
./node_modules/plotly.js/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/jupyter/renderers/plotly/PlotlyRenderer.js
./node_modules/@datalayer/jupyter-react/lib/components/viewer/input/InputViewer.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx

./node_modules/glslify/index.js
Critical dependency: the request of a dependency is an expression

Import trace for requested module:
./node_modules/glslify/index.js
./node_modules/regl-scatter2d/bundle.js
./node_modules/plotly.js/src/traces/scattergl/plot.js
./node_modules/plotly.js/src/traces/scattergl/index.js
./node_modules/plotly.js/lib/scattergl.js
./node_modules/plotly.js/lib/index.js
./node_modules/@datalayer/jupyter-react/lib/jupyter/renderers/plotly/PlotlyRenderer.js
./node_modules/@datalayer/jupyter-react/lib/components/viewer/input/InputViewer.js
./node_modules/@datalayer/jupyter-react/lib/index.js
./src/components/NotebookComponent.tsx
./src/app/page.tsx
 GET /favicon.ico 200 in 1184ms

Reproduce

  1. clone this repo
  2. move example/next-js out of this folder
  3. change dir to the next-js
  4. yarn
  5. yarn dev
  6. open the page in the browser

Expected behavior

no error and looking good in the terminal

Context

Browser Output 
util.js:175 strict mode: use allowUnionTypes to allow union type keyword at "#/properties/state/additionalProperties/properties/buffers/items/properties/path/items" (strictTypes)
checkStrictMode @ util.js:175
Show 1 more frame
Show less
app-index.js:33 Warning: JupyterLabCss: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.
    at JupyterLabCss (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/jupyter/lab/JupyterLabCss.js:24:13)
    at div
    at P (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:19658)
    at div
    at P (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:19658)
    at BaseStyles (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/lib-esm/BaseStyles.js:26:5)
    at Le (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:17336)
    at ThemeProvider (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/lib-esm/ThemeProvider.js:50:3)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/react-error-boundary/dist/react-error-boundary.umd.js:69:37)
    at Jupyter (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/jupyter/Jupyter.js:45:13)
    at NotebookComponent (webpack-internal:///(app-pages-browser)/./src/components/NotebookComponent.tsx:18:13)
    at BailoutToCSR (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/shared/lib/lazy-dynamic/dynamic-bailout-to-csr.js:13:11)
    at Suspense
    at LoadableComponent
    at JupyterDemo (webpack-internal:///(app-pages-browser)/./src/app/page.tsx:47:119)
    at f (webpack-internal:///(app-pages-browser)/./node_modules/next-themes/dist/index.module.js:8:597)
    at $ (webpack-internal:///(app-pages-browser)/./node_modules/next-themes/dist/index.module.js:8:348)
    at Home (webpack-internal:///(app-pages-browser)/./src/app/page.tsx:195:82)
    at ClientPageRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/client-page.js:14:11)
    at InnerLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:243:11)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:74:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:82:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)
    at LoadingBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:349:11)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:160:11)
    at InnerScrollAndFocusHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:153:9)
    at ScrollAndFocusHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:228:11)
    at RenderFromTemplateContext (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/render-from-template-context.js:16:44)
    at OuterLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:370:11)
    at body
    at html
    at RootLayout (Server)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:74:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:82:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)
    at DevRootNotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/dev-root-not-found-boundary.js:33:11)
    at ReactDevOverlay (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/app/ReactDevOverlay.js:87:9)
    at HotReload (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/app/hot-reloader-client.js:321:11)
    at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:207:11)
    at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:113:9)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:160:11)
    at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:585:13)
    at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:112:27)
    at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:117:11)
window.console.error @ app-index.js:33
console.error @ hydration-error-info.js:63
printWarning @ react-dom.development.js:94
error @ react-dom.development.js:68
validateFunctionComponentInDev @ react-dom.development.js:16978
mountIndeterminateComponent @ react-dom.development.js:16941
beginWork$1 @ react-dom.development.js:18458
beginWork @ react-dom.development.js:26927
performUnitOfWork @ react-dom.development.js:25748
workLoopConcurrent @ react-dom.development.js:25734
renderRootConcurrent @ react-dom.development.js:25690
performConcurrentWorkOnRoot @ react-dom.development.js:24504
workLoop @ scheduler.development.js:256
flushWork @ scheduler.development.js:225
performWorkUntilDeadline @ scheduler.development.js:534
Show 15 more frames
Show less
JupyterContext.js:148 Kernel Manager is Ready KernelManager {_isDisposed: false, _disposed: Signal, serverSettings: {…}, _isReady: true, _kernelConnections: Set(0), …}
JupyterContext.js:182 Starting Kernel Name: python
JupyterContext.js:148 Kernel Manager is Ready KernelManager {_isDisposed: false, _disposed: Signal, serverSettings: {…}, _isReady: true, _kernelConnections: Set(0), …}
JupyterContext.js:182 Starting Kernel Name: python
JupyterContext.js:200 Kernel is Ready Kernel {_clientId: '3b20da62-baa9-42fc-8693-f075919c2750', _connectionStatus: 'connected', _id: '17d8aa82-f42a-46f9-a049-fc4e902e010e', _info: undefined, _kernelConnection: KernelConnection, …}
app-index.js:33 Warning: Notebook: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.
    at Notebook (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/components/notebook/Notebook.js:45:152)
    at Provider (webpack-internal:///(app-pages-browser)/./node_modules/react-redux/es/components/Provider.js:13:3)
    at JupyterContextProvider (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/jupyter/JupyterContext.js:85:13)
    at div
    at P (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:19658)
    at div
    at P (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:19658)
    at BaseStyles (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/lib-esm/BaseStyles.js:26:5)
    at Le (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:17336)
    at ThemeProvider (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/lib-esm/ThemeProvider.js:50:3)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/react-error-boundary/dist/react-error-boundary.umd.js:69:37)
    at Jupyter (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/jupyter/Jupyter.js:45:13)
    at NotebookComponent (webpack-internal:///(app-pages-browser)/./src/components/NotebookComponent.tsx:18:13)
    at BailoutToCSR (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/shared/lib/lazy-dynamic/dynamic-bailout-to-csr.js:13:11)
    at Suspense
    at LoadableComponent
    at JupyterDemo (webpack-internal:///(app-pages-browser)/./src/app/page.tsx:47:119)
    at f (webpack-internal:///(app-pages-browser)/./node_modules/next-themes/dist/index.module.js:8:597)
    at $ (webpack-internal:///(app-pages-browser)/./node_modules/next-themes/dist/index.module.js:8:348)
    at Home (webpack-internal:///(app-pages-browser)/./src/app/page.tsx:195:82)
    at ClientPageRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/client-page.js:14:11)
    at InnerLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:243:11)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:74:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:82:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)
    at LoadingBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:349:11)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:160:11)
    at InnerScrollAndFocusHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:153:9)
    at ScrollAndFocusHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:228:11)
    at RenderFromTemplateContext (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/render-from-template-context.js:16:44)
    at OuterLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:370:11)
    at body
    at html
    at RootLayout (Server)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:74:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:82:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)
    at DevRootNotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/dev-root-not-found-boundary.js:33:11)
    at ReactDevOverlay (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/app/ReactDevOverlay.js:87:9)
    at HotReload (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/app/hot-reloader-client.js:321:11)
    at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:207:11)
    at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:113:9)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:160:11)
    at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:585:13)
    at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:112:27)
    at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:117:11)
window.console.error @ app-index.js:33
console.error @ hydration-error-info.js:63
printWarning @ react-dom.development.js:94
error @ react-dom.development.js:68
validateFunctionComponentInDev @ react-dom.development.js:16978
mountIndeterminateComponent @ react-dom.development.js:16941
beginWork$1 @ react-dom.development.js:18458
beginWork @ react-dom.development.js:26927
performUnitOfWork @ react-dom.development.js:25748
workLoopSync @ react-dom.development.js:25464
renderRootSync @ react-dom.development.js:25419
performConcurrentWorkOnRoot @ react-dom.development.js:24504
workLoop @ scheduler.development.js:256
flushWork @ scheduler.development.js:225
performWorkUntilDeadline @ scheduler.development.js:534
Show 15 more frames
Show less
app-index.js:33 Warning: Lumino: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.
    at Lumino (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/components/lumino/Lumino.js:20:62)
    at div
    at P (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:19658)
    at div
    at P (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:19658)
    at div
    at Notebook (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/components/notebook/Notebook.js:45:152)
    at Provider (webpack-internal:///(app-pages-browser)/./node_modules/react-redux/es/components/Provider.js:13:3)
    at JupyterContextProvider (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/jupyter/JupyterContext.js:85:13)
    at div
    at P (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:19658)
    at div
    at P (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:19658)
    at BaseStyles (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/lib-esm/BaseStyles.js:26:5)
    at Le (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:17336)
    at ThemeProvider (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/lib-esm/ThemeProvider.js:50:3)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/react-error-boundary/dist/react-error-boundary.umd.js:69:37)
    at Jupyter (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/jupyter/Jupyter.js:45:13)
    at NotebookComponent (webpack-internal:///(app-pages-browser)/./src/components/NotebookComponent.tsx:18:13)
    at BailoutToCSR (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/shared/lib/lazy-dynamic/dynamic-bailout-to-csr.js:13:11)
    at Suspense
    at LoadableComponent
    at JupyterDemo (webpack-internal:///(app-pages-browser)/./src/app/page.tsx:47:119)
    at f (webpack-internal:///(app-pages-browser)/./node_modules/next-themes/dist/index.module.js:8:597)
    at $ (webpack-internal:///(app-pages-browser)/./node_modules/next-themes/dist/index.module.js:8:348)
    at Home (webpack-internal:///(app-pages-browser)/./src/app/page.tsx:195:82)
    at ClientPageRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/client-page.js:14:11)
    at InnerLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:243:11)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:74:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:82:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)
    at LoadingBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:349:11)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:160:11)
    at InnerScrollAndFocusHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:153:9)
    at ScrollAndFocusHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:228:11)
    at RenderFromTemplateContext (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/render-from-template-context.js:16:44)
    at OuterLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:370:11)
    at body
    at html
    at RootLayout (Server)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:74:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:82:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)
    at DevRootNotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/dev-root-not-found-boundary.js:33:11)
    at ReactDevOverlay (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/app/ReactDevOverlay.js:87:9)
    at HotReload (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/app/hot-reloader-client.js:321:11)
    at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:207:11)
    at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:113:9)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:160:11)
    at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:585:13)
    at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:112:27)
    at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:117:11)
window.console.error @ app-index.js:33
console.error @ hydration-error-info.js:63
printWarning @ react-dom.development.js:94
error @ react-dom.development.js:68
validateFunctionComponentInDev @ react-dom.development.js:16978
mountIndeterminateComponent @ react-dom.development.js:16941
beginWork$1 @ react-dom.development.js:18458
beginWork @ react-dom.development.js:26927
performUnitOfWork @ react-dom.development.js:25748
workLoopSync @ react-dom.development.js:25464
renderRootSync @ react-dom.development.js:25419
performSyncWorkOnRoot @ react-dom.development.js:24887
flushSyncWorkAcrossRoots_impl @ react-dom.development.js:7758
flushSyncWorkOnAllRoots @ react-dom.development.js:7718
processRootScheduleInMicrotask @ react-dom.development.js:7863
eval @ react-dom.development.js:8034
Show 16 more frames
Show less
JupyterContext.js:200 Kernel is Ready Kernel {_clientId: '8bc3f744-c6d0-4a02-8726-7f96875650b2', _connectionStatus: 'connected', _id: 'f7657223-e507-4257-9573-cdbcd2e6e333', _info: undefined, _kernelConnection: KernelConnection, …}
app-index.js:33 Warning: Cell: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.
    at Cell (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/components/cell/Cell.js:30:13)
    at Provider (webpack-internal:///(app-pages-browser)/./node_modules/react-redux/es/components/Provider.js:13:3)
    at JupyterContextProvider (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/jupyter/JupyterContext.js:85:13)
    at div
    at P (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:19658)
    at div
    at P (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:19658)
    at BaseStyles (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/lib-esm/BaseStyles.js:26:5)
    at Le (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/node_modules/styled-components/dist/styled-components.browser.esm.js:30:17336)
    at ThemeProvider (webpack-internal:///(app-pages-browser)/./node_modules/@primer/react/lib-esm/ThemeProvider.js:50:3)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/react-error-boundary/dist/react-error-boundary.umd.js:69:37)
    at Jupyter (webpack-internal:///(app-pages-browser)/./node_modules/@datalayer/jupyter-react/lib/jupyter/Jupyter.js:45:13)
    at CellComponent (webpack-internal:///(app-pages-browser)/./src/components/CellComponent.tsx:15:13)
    at BailoutToCSR (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/shared/lib/lazy-dynamic/dynamic-bailout-to-csr.js:13:11)
    at Suspense
    at LoadableComponent
    at JupyterDemo (webpack-internal:///(app-pages-browser)/./src/app/page.tsx:47:119)
    at f (webpack-internal:///(app-pages-browser)/./node_modules/next-themes/dist/index.module.js:8:597)
    at $ (webpack-internal:///(app-pages-browser)/./node_modules/next-themes/dist/index.module.js:8:348)
    at Home (webpack-internal:///(app-pages-browser)/./src/app/page.tsx:195:82)
    at ClientPageRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/client-page.js:14:11)
    at InnerLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:243:11)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:74:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:82:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)
    at LoadingBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:349:11)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:160:11)
    at InnerScrollAndFocusHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:153:9)
    at ScrollAndFocusHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:228:11)
    at RenderFromTemplateContext (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/render-from-template-context.js:16:44)
    at OuterLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:370:11)
    at body
    at html
    at RootLayout (Server)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:74:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:82:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)
    at DevRootNotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/dev-root-not-found-boundary.js:33:11)
    at ReactDevOverlay (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/app/ReactDevOverlay.js:87:9)
    at HotReload (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/app/hot-reloader-client.js:321:11)
    at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:207:11)
    at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:113:9)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:160:11)
    at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:585:13)
    at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:112:27)
    at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:117:11)
window.console.error @ app-index.js:33
console.error @ hydration-error-info.js:63
printWarning @ react-dom.development.js:94
error @ react-dom.development.js:68
validateFunctionComponentInDev @ react-dom.development.js:16978
mountIndeterminateComponent @ react-dom.development.js:16941
beginWork$1 @ react-dom.development.js:18458
beginWork @ react-dom.development.js:26927
performUnitOfWork @ react-dom.development.js:25748
workLoopSync @ react-dom.development.js:25464
renderRootSync @ react-dom.development.js:25419
performConcurrentWorkOnRoot @ react-dom.development.js:24504
workLoop @ scheduler.development.js:256
flushWork @ scheduler.development.js:225
performWorkUntilDeadline @ scheduler.development.js:534
Show 15 more frames
Show less
Kernel.js:102 Kernel Info {path: 'kernel-30631a9b-b018-4f20-8529-ec0c63966deb', id: '17d8aa82-f42a-46f9-a049-fc4e902e010e', clientId: '3b20da62-baa9-42fc-8693-f075919c2750', sessionId: '9d778ad6-0182-46a7-89d9-db2db14d0b47', kernelInfo: {…}}
Kernel.js:102 Kernel Info {path: 'kernel-30631a9b-b018-4f20-8529-ec0c63966deb', id: 'f7657223-e507-4257-9573-cdbcd2e6e333', clientId: '8bc3f744-c6d0-4a02-8726-7f96875650b2', sessionId: 'f64c872e-73e1-4625-a13d-5513ac501441', kernelInfo: {…}}
CellAdapter.js:192 Current Kernel Connection KernelConnection {_id: 'f7657223-e507-4257-9573-cdbcd2e6e333', _createSocket: ƒ, _onWSOpen: ƒ, _onWSMessage: ƒ, _onWSClose: ƒ, …}
NotebookAdapter.js:290 Previous Kernel Connection null
NotebookAdapter.js:292 Current Kernel Connection KernelConnection {_id: '17d8aa82-f42a-46f9-a049-fc4e902e010e', _createSocket: ƒ, _onWSOpen: ƒ, _onWSMessage: ƒ, _onWSClose: ƒ, …}
echarles commented 3 months ago

Not sure about running the next-js outside of the monorepo.

There is https://github.com/datalayer-examples/jupyter-nextjs-example which should work as standalone project.

c0mm4nd commented 3 months ago

Thanks for your fast reply. I'll check and report there when the issue persists.

3goats commented 3 months ago

Yeah this doesn't work. I'm trying to use the .devcontainer and loads of errors and version inconsistencies.