chore: bumped @fuels/* deps to 0.36.1 (#3511)

* chore: bumped @fuels/connectors + @fuels/react versions * chore: changeset * chore: release * chore: removed await from provider instantiation * chore: remove release flag * chore: fixed transaction url * chore: removed hardcoded network
FuelLabs · Jan 2, 2025 · c6895b6 · c6895b6
1 parent a7eb9b6
commit c6895b6
Show file tree

Hide file tree

Showing 12 changed files with 202 additions and 210 deletions.
diff --git a/.changeset/clever-bikes-itch.md b/.changeset/clever-bikes-itch.md
@@ -0,0 +1,5 @@
+---
+"create-fuels": patch
+---
+
+chore: bumped `@fuels/*` deps to `0.36.1`
diff --git a/apps/create-fuels-counter-guide/package.json b/apps/create-fuels-counter-guide/package.json
@@ -14,8 +14,8 @@
     "postbuild": "run-s fuels:build original:build"
   },
   "dependencies": {
-    "@fuels/connectors": "^0.27.1",
-    "@fuels/react": "^0.27.1",
+    "@fuels/connectors": "^0.36.1",
+    "@fuels/react": "^0.36.1",
     "@tanstack/react-query": "^5.55.4",
     "clsx": "2.1.1",
     "@wagmi/connectors": "^5.1.14",

diff --git a/apps/create-fuels-counter-guide/src/lib.tsx b/apps/create-fuels-counter-guide/src/lib.tsx
@@ -11,6 +11,7 @@ export const isTestnet = environment === environments.TESTNET;
 export const localProviderUrl = `http://127.0.0.1:${process.env.VITE_FUEL_NODE_PORT || 4000}/v1/graphql`;
 export const testnetProviderUrl = 'https://testnet.fuel.network/v1/graphql';
 export const providerUrl = isLocal ? localProviderUrl : testnetProviderUrl;
+export const chainId = 0; // Local and testnet are both on chain 0
 export const playgroundUrl = providerUrl.replace('v1/graphql', 'v1/playground');
 
 // #region deploying-dapp-to-testnet-frontend-contract-id
@@ -28,7 +29,7 @@ export const renderTransactionId = (transactionId: string) => {
 
   return (
     <a
-      href={`https://app.fuel.network/tx/${transactionId}/simple`}
+      href={`https://app-testnet.fuel.network/tx/${transactionId}/simple`}
       target="_blank"
       rel="noreferrer"
       className="underline"

diff --git a/apps/create-fuels-counter-guide/src/main.tsx b/apps/create-fuels-counter-guide/src/main.tsx
@@ -4,10 +4,10 @@ import { FuelProvider } from "@fuels/react";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { ToastContainer } from "react-toastify";
-import { Provider } from "fuels";
+import { Network, Provider } from "fuels";
 
 import App from "./App.tsx";
-import { providerUrl } from "./lib.tsx";
+import { chainId, providerUrl } from "./lib.tsx";
 
 import "react-toastify/dist/ReactToastify.css";
 import "./index.css";
@@ -16,13 +16,15 @@ const queryClient = new QueryClient();
 
 const connectors = defaultConnectors({
   devMode: true,
-  burnerWalletConfig: { fuelProvider: Provider.create(providerUrl) },
+  fuelProvider: Provider.create(providerUrl),
 });
 
+const networks: Network[] = [{ url: providerUrl, chainId }];
+
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <QueryClientProvider client={queryClient}>
-      <FuelProvider theme="dark" fuelConfig={{ connectors }}>
+      <FuelProvider theme="dark" fuelConfig={{ connectors }} networks={networks}>
         <App />
         <ToastContainer theme="dark" />
       </FuelProvider>

diff --git a/apps/demo-wallet-sdk-react/package.json b/apps/demo-wallet-sdk-react/package.json
@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@fuels/connectors": "^0.27.1",
-    "@fuels/react": "^0.27.1",
+    "@fuels/connectors": "^0.36.1",
+    "@fuels/react": "^0.36.1",
     "@tanstack/react-query": "^5.55.4",
     "fuels": "workspace:*",
     "next": "14.2.15",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/templates/nextjs/package.json b/templates/nextjs/package.json
@@ -13,8 +13,8 @@
     "test:ui": "sh ./test/ui/test-ui.sh"
   },
   "dependencies": {
-    "@fuels/connectors": "^0.27.1",
-    "@fuels/react": "^0.27.1",
+    "@fuels/connectors": "^0.36.1",
+    "@fuels/react": "^0.36.1",
     "@tanstack/react-query": "^5.55.4",
     "clsx": "2.1.1",
     "@wagmi/connectors": "^5.1.14",

diff --git a/templates/nextjs/src/app/layout.tsx b/templates/nextjs/src/app/layout.tsx
@@ -4,7 +4,7 @@ import { FuelProvider } from "@fuels/react";
 import React, { ReactNode, useEffect, useState } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ToastContainer } from "react-toastify";
-import { Provider } from "fuels";
+import { FuelConnector, Provider } from "fuels";
 import { defaultConnectors } from "@fuels/connectors";
 
 import { providerUrl } from "../lib";
@@ -14,9 +14,9 @@ import "@/styles/globals.css";
 
 const queryClient = new QueryClient();
 
-const connectors = defaultConnectors({
+const connectors: FuelConnector[] = defaultConnectors({
   devMode: true,
-  burnerWalletConfig: { fuelProvider: Provider.create(providerUrl) },
+  fuelProvider: Provider.create(providerUrl),
 });
 
 interface RootLayoutProps {
@@ -42,7 +42,12 @@ export default function RootLayout({ children }: RootLayoutProps) {
       <body>
         <React.StrictMode>
           <QueryClientProvider client={queryClient}>
-            <FuelProvider theme="dark" fuelConfig={{ connectors }}>
+            <FuelProvider
+              theme="dark"
+              fuelConfig={{ connectors }}
+              uiConfig={{ suggestBridge: false }}
+            >
+              {" "}
               <ToastContainer theme="dark" />
               <>{children}</>
             </FuelProvider>

diff --git a/templates/nextjs/src/lib.tsx b/templates/nextjs/src/lib.tsx
@@ -25,7 +25,7 @@ export const renderTransactionId = (transactionId: string) => {
 
   return (
     <a
-      href={`https://app.fuel.network/tx/${transactionId}/simple`}
+      href={`https://app-testnet.fuel.network/tx/${transactionId}/simple`}
       target="_blank"
       rel="noreferrer"
       className="underline"

diff --git a/templates/vite/package.json b/templates/vite/package.json
@@ -13,8 +13,8 @@
     "test:ui": "sh ./test/ui/test-ui.sh"
   },
   "dependencies": {
-    "@fuels/connectors": "^0.27.1",
-    "@fuels/react": "^0.27.1",
+    "@fuels/connectors": "^0.36.1",
+    "@fuels/react": "^0.36.1",
     "@tanstack/react-query": "^5.55.4",
     "clsx": "2.1.1",
     "@wagmi/connectors": "^5.1.14",

diff --git a/templates/vite/src/lib.tsx b/templates/vite/src/lib.tsx
@@ -25,7 +25,7 @@ export const renderTransactionId = (transactionId: string) => {
 
   return (
     <a
-      href={`https://app.fuel.network/tx/${transactionId}/simple`}
+      href={`https://app-testnet.fuel.network/tx/${transactionId}/simple`}
       target="_blank"
       rel="noreferrer"
       className="underline"

diff --git a/templates/vite/src/main.tsx b/templates/vite/src/main.tsx
@@ -4,7 +4,7 @@ import { FuelProvider } from "@fuels/react";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { ToastContainer } from "react-toastify";
-import { Provider } from "fuels";
+import { FuelConnector, Provider } from "fuels";
 
 import App from "./App.tsx";
 import { providerUrl } from "./lib.tsx";
@@ -14,15 +14,19 @@ import "./index.css";
 
 const queryClient = new QueryClient();
 
-const connectors = defaultConnectors({
+const connectors: FuelConnector[] = defaultConnectors({
   devMode: true,
-  burnerWalletConfig: { fuelProvider: Provider.create(providerUrl) },
+  fuelProvider: Provider.create(providerUrl),
 });
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <QueryClientProvider client={queryClient}>
-      <FuelProvider theme="dark" fuelConfig={{ connectors }}>
+      <FuelProvider
+        theme="dark"
+        fuelConfig={{ connectors }}
+        uiConfig={{ suggestBridge: false }}
+      >
         <App />
         <ToastContainer theme="dark" />
       </FuelProvider>