Does anyone have experience using Fuel-TS in React-Native ? It works fine in the browser, but I have issues while trying to resolve packages in Mobile-signer. Is there any example project/implementation that I can look at in React-Native. I am using 0.90.0 version of the sdk.

We’ve opened up an issue to add support for React Native so we can explore further once that’s resolved.

Hey @singhparshant :wave: I am not aware of any example projects integrated with React Native currently. Would it be possible to get a minimal reproduction repository for this issue you are facing?

The repo is private, so can’t share the repo, but here is the gist of the code I am trying. The problem is fuels repo is referencing @fuel-ts for the packages and react-native is not able to resolve it when i import it from fuels. So I had to add manual resolving in metro config. The build goes thro…

[image] singhparshant: The repo is private, so can’t share the repo, but here is the gist of the code I am trying. The problem is fuels repo is referencing @fuel-ts for the packages and react-native is not able to resolve it when i import it from fuels. So I had to add manual resolving in metro …

If you choose to go down the manual resolution route, then I can see a couple problems with the gist you’ve sent over: Config pointing at wrong entrypoint: @fuel-ts/account/configs → node_modules/@fuel-ts/account/dist/config.js, Missing imports for main entrypoints: @fuel-ts/account → node_…

I tried the first approach which didn’t work , so added manual resolution on top after fixing the paths. Still doesn’t resolve the packages for some reason. https://gist.github.com/singhparshant/830711d0a043a9b70f8d9eee269f9784 metro.config.js const {getDefaultConfig, mergeConfig} = re…

[image] singhparshant: I tried the first approach which didn’t work , so added manual resolution on top after fixing the paths. Still doesn’t resolve the packages for some reason. metro.config.js · GitHub Without a repository to take a look at, it’s going to be difficult to debug. I would s…

The problem is with the Signer class the way it is being exported. For example, Address class works fine. But when i use Signer class : import { Signer } from "@fuel-ts/account"; const extendedPublicKey = Signer.extendPublicKey(new Uint8Array(publicKey)); React-Native doens’t recognise this and cr…

[image] singhparshant: React-Native doens’t recognise this and crashes. Works fine on browser. I copied the Signer library locally, but not sure how will i do this for Provider library, basically classes in account module. Very interesting, thanks for investigating this for us :raised_hands: …

Fuel-TS in React-Native

TypeScript SDK

eesheng June 21, 2024, 12:32pm 8

Why not setup in NextJS with app router and install the Fuel SDK, pull the files from the sample dApp provided in typescript SDK to your app.

Topic		Replies	Views
fuel.getWallet error ts TypeScript SDK	3	115	February 14, 2024
`Wallet.generate()` not working when using through an NPM SDK but works fine when used directly in a React app TypeScript SDK	5	47	September 20, 2024
Can't use fuels in jest tests TypeScript SDK	3	244	July 6, 2023
Running fuels on NextJS TypeScript SDK faqs	2	340	December 22, 2022
How to integrate browser wallet extension into react app General faqs	6	323	January 19, 2023

Fuel-TS in React-Native

Related topics