Tinybase not compatible with metro in react-native

Describe the bug

Hello, I’m trying to use tinybase for a project with react-native and I keep getting this error:

While trying to resolve module `tinybase` from file `---path---\App.tsx`, the package `--path--\node_modules\tinybase\package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`--path---\node_modules\tinybase\index`. Indeed, none of these files exist.:.....

In my opinion, looks like metro has issues with the way the package is exported in package.json and cannot resolve the correct path.

Your Example Website or App

React native is not an option in stackblitz

Steps to Reproduce the Bug or Issue

1. Initialize a react native app
2. Install tinybase
3. Import and interact with tinybase

Expected behavior

I would expect tinybase to work similar to how it does in a react or next app, with webpack.

Screenshots or Videos

No response

Platform

• OS: [macOS, Windows, Linux]
• Browser: [Chrome, Safari, Firefox]
• Version: [e.g. 91.1]

Additional context

No response

[jamesgpearce]

OK, fixed. Please update to v1.3.2. This adds a "react-native" field to package.json that allows Metro to find the file directly (since it doesn’t currently support exports).

The ui-react library works too! - because it doesn’t rely on the HTML DOM. But Note that until Metro fixes https://github.com/facebook/metro/issues/670 you will still have to be slightly creative and reference it explicitly from the lib folder directly:

Have fun and let me know how it goes!

[jamesgpearce]

Oh no! I wonder if you can use tsconfig to force it to resolve the .d.ts at that path? Or try some explicit things in the typesVersions field in package.json. Happy to merge in anything that fixes it until https://github.com/facebook/metro/issues/670 happens.