Error running frontend of "Creating a Fuel Dapp" example

[0xCaso]

I’m following the tutorial here: Fuel TS SDK | Fuel Docs

I correctly managed to run the local Fuel server through pnpm fuels:dev, but when I run pnpm dev to run the frontend, I get this build error:

./node_modules/.pnpm/@wagmi+connectors@5.1.4_@types+react@18.3.3_@wagmi+core@2.9.1_@tanstack+query-core@5.51.21_@t_u3dskiakw5br33k7m7sa2ic7am/node_modules/@wagmi/connectors/dist/esm/metaMask.js

Attempted import error: 'extractRpcUrls' is not exported from '@wagmi/core' (imported as 'extractRpcUrls').

Any ideas how to get this solved?

[Nazeeh21]

Hey @0xCaso, i tried it out and I’m not able to reproduce the error

Can you please share the output for the command fuelup show?

[0xCaso]

Hey @Nazeeh21!

Did you try to actually go to localhost:3000 to check if everything works correctly?

Also, this is the output:

Default host: aarch64-apple-darwin
fuelup home: /Users/.../.fuelup

Installed toolchains
--------------------
latest-aarch64-apple-darwin (default)

active toolchain
----------------
latest-aarch64-apple-darwin (default)
  forc : 0.62.0
    - forc-client
      - forc-deploy : 0.62.0
      - forc-run : 0.62.0
    - forc-crypto : 0.62.0
    - forc-debug : 0.62.0
    - forc-doc : 0.62.0
    - forc-fmt : 0.62.0
    - forc-lsp : 0.62.0
    - forc-tx : 0.62.0
    - forc-wallet : 0.8.2
  fuel-core : 0.31.0
  fuel-core-keygen : 0.31.0

fuels versions
--------------
forc : 0.65.1
forc-wallet : 0.65.0

[Nazeeh21]

Okay, i was able to reproduce the error. thanks for reporting it. will be looking into and get back to you soon.

[0xCaso]

Manually adding wagmi through pnpm add @wagmi/core @wagmi/connectors viem@2.x fixed my issue, but probably it should be solved at the template level too

[Nazeeh21]

Awesome, great to hear. I agree it should be at the template level. Will share it with the team

[anderson]

Follow-up issue:

Error: ‘@wagmi/core’ does not provide an export named ‘extractRpcUrls’ in fuel/connectors v0.9.0