i am trying to integrate the browser wallet into a react front end (following the fuel wallet API docs - API | Fuel Wallet). The property ‘fuel’ can not be accessed with window.fuel.connect();
imports are
import Fuel from ‘@fuel-ts/wallet’;
import { Wallet } from “fuels”;
i have included the relevant fuel sdk imports in the tsconfig.json file and installed the relevant dependencies.
Any ideas?
I have some problem with you. No body know 
Hi,
To help us figure out and solve your problem could you tell us what version of the @fuel-ts/sdk you are using?
The window.fuel object can be undefined for a couple of milliseconds before it’s accessible. This happens because the fuel injection happens after the page scripts, like your react app, are loaded.
You can create a hook to wrap up this and solve the issue. You can find some examples here on how to create: fuels-wallet/useFuel.tsx at master · FuelLabs/fuels-wallet · GitHub
v0.29.1, sorry for the late response
it still is not accessible.
“Property ‘fuel’ does not exist on type ‘Window & typeof globalThis’.”
Sorry I asked for the version of the wrong dependency. What is your version of @fuel-wallet/sdk ? Also could you send your tsconfig just so we can double check it
This topic was automatically closed 20 days after the last reply. New replies are no longer allowed.