Support for Create React App for Jupyter-UI

[Prahmodh-Raj1]

Description

I'm encountering the following issues while trying to use Jupyter UI in my Create React Application

And while installing the dependencies,the following error throws up:

Command: npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: @datalayer/[email protected]        
npm ERR! Found: [email protected]
npm ERR! node_modules/vite
npm ERR!   dev vite@"^5.2.7" from @datalayer/[email protected]
npm ERR!   examples/lexical
npm ERR!     @datalayer/[email protected]
npm ERR!     node_modules/@datalayer/jupyter-lexical-example
npm ERR!       workspace examples\lexical from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vite@"^2" from [email protected]
npm ERR! node_modules/vite-plugin-replace
npm ERR!   dev vite-plugin-replace@"^0.1.1" from @datalayer/[email protected]        
npm ERR!   examples/lexical
npm ERR!     @datalayer/[email protected]
npm ERR!     node_modules/@datalayer/jupyter-lexical-example
npm ERR!       workspace examples\lexical from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\xyz\AppData\Local\npm-cache\_logs\2024-06-23T10_58_57_044Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: C:\Users\xyz\AppData\Local\npm-cache\_logs\2024-06-23T10_58_57_044Z-debug-0.log

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

[echarles]

@datalayer/jupyter-lexical-example is not published in npm. If you want to depend on that, you would have to copy the source code in your src tree.

[Prahmodh-Raj1]

Is there any other way in which I could use Jupyter UI in a normal Create React App? @echarles
Could you provide the list of dependencies to be installed and the Sample code for making Jupyter Components work in a JS/TS file in a Create React App.

[echarles]

this are the deps to declare https://github.com/datalayer-examples/jupyter-react-cra-example/blob/5b3402da44d48ac27daeb3f9ed0bc5749f5c23a5/package.json#L19-L26