Has anyone installed yjs for react native?

mhuangwm · September 27, 2023, 2:44pm

Hi all, trying to install yjs to use with react native but running into issues on startup:

 ERROR  ReferenceError: Property 'crypto' doesn't exist, js engine: hermes
 ERROR  Invariant Violation: "main" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called., js engine: hermes

Not sure if anyone ran into this before or has some insight on how to get it running with react native (if at all possible).

raine · September 27, 2023, 3:53pm

This might be useful for you:

github.com/yjs/yjs

react-native support

opened 11:18PM - 20 Jan 22 UTC

closed 03:04PM - 25 Mar 22 UTC

tyrauber

bug

**Describe the bug** I am interested in exploring the use yjs in react-native… and expo, using [valitio-yjs](https://github.com/dai-shi/valtio-yjs) and [y-websocket](https://github.com/yjs/y-websocket). I've started by porting the [valtio-yjs-demo](https://codesandbox.io/s/ox3iy?file=/src/App.js:61-72) to react-native. Here is a [an expo snack](https://snack.expo.dev/@tyrauber/valtio-yjs-expo) for the purpose of developing and testing the implementation. Unfortunately, there are some issues with importing yjs in react-native, specifically related to the dependency lib0. I believe this may be an issue upstream issue in lib0, but I thought I'd report it here first as yjs is loading lib0. The [snack](https://snack.expo.dev/@tyrauber/valtio-yjs-expo) fails to resolve yjs as a dependency due to lib0: ``` Failed to resolve dependency 'yjs@^13.5.24' (export 'Observable' (imported as 'Observable') was not found in 'lib0/observable' (module has no exports) ``` If you download the example and run it locally, the metro.config.js file, when configured to resolve .mjs and .cjs files, successfully imports and runs in the web browser. But runs into some errors when trying to run it in the iOS simulator: ``` While trying to resolve module `isomorphic.js` from file `~/valtio-yjs-expo/node_modules/lib0/dist/random.cjs`, the package `~/valtio-yjs-expo/node_modules/isomorphic.js/package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`~/valtio-yjs-expo/node_modules/isomorphic.js/browser.mjs`. Indeed, none of these files exist: ``` This issue is also referenced at [dai-shi/valtio-yjs/issues/20](https://github.com/dai-shi/valtio-yjs/issues/20). Steps to reproduce the issue: 1. Download the [zip](https://snack.expo.dev/@tyrauber/valtio-yjs-expo) 2. install the dependencies `yarn` 3. run in the browser `yarn web` - success 4. run in the iOS simulator `yarn ios` - fail **Expected behavior** A clear and concise description of what you expected to happen. **Environment Information** "yjs": "^13.5.24", "lib0": "^0.2.43", "valtio": "^1.2.9", "valtio-yjs": "^0.3.0", "y-websocket": "^1.3.18"

The error you are seeing is related to a built-in web library, crypto, that is not available in the react native environment, but I don’t know much beyond that.

mhuangwm · September 29, 2023, 4:13am

Thanks that gave a huge hint. Installed expo-standard-web-crypto but wasn’t able to polyfill it so I manually imported the crypto library in webcrypto.js file.

jacobcoro · March 25, 2024, 3:53pm

Were you eventually able to et it working? Did you use expo?