Unable to resolve file when using React Native

[shafarizkyf]

Hi guys,
I'm facing an issue when using React Native. The cause is that this library uses 'import '.js'' while the file itself is '.ts'. This doesn't happen when using plain Node.js. Could you please advise on how to resolve this? Thank you.

[plusminushalf]

Do you have some boilerplate code that you can help me with this?

[shafarizkyf]

Do you have some boilerplate code that you can help me with this?

thank you for your swift response.
hopefully this helps: https://github.com/shafarizkyf/react-native-miza/tree/permissionless

after the onboarding screen it should navigate to login and crash (because this import line)

[plusminushalf]

This looks like not all platforms support the exports in package.json.

For example, It is still experimental in Metro - facebook/metro#670

How to have a temp fix for the project - https://reactnative.dev/blog/2023/06/21/0.72-metro-package-exports-symlinks#package-exports-support-beta

Or:

 import { ... } from 'permissionless/_esm/..' instead of just from 'permissionless' if that helps for the future

^ I know this is bad fix I am looking into better fix or enable the experimental feature.

[shafarizkyf]

This looks like not all platforms support the exports in package.json.

For example, It is still experimental in Metro - facebook/metro#670

How to have a temp fix for the project - https://reactnative.dev/blog/2023/06/21/0.72-metro-package-exports-symlinks#package-exports-support-beta

Or:

 import { ... } from 'permissionless/_esm/..' instead of just from 'permissionless' if that helps for the future

^ I know this is bad fix I am looking into better fix or enable the experimental feature.

thank you, for now I'm using permissionless/_esm/.. solution

[emzet93]

Hey @plusminushalf, is there any progress on it? 🙏