chore: removed hardcoded network

Author: petertonysmith94

templates/nextjs/src/app/layout.tsx

@@ -4,10 +4,10 @@ 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 { FuelConnector, Network, Provider } from "fuels";
+import { FuelConnector, Provider } from "fuels";
 import { defaultConnectors } from "@fuels/connectors";
 
-import { chainId, providerUrl } from "../lib";
+import { providerUrl } from "../lib";
 
 import "react-toastify/dist/ReactToastify.css";
 import "@/styles/globals.css";
@@ -19,8 +19,6 @@ const connectors: FuelConnector[] = defaultConnectors({
   fuelProvider: Provider.create(providerUrl),
 });
 
-const networks: Network[] = [{ url: providerUrl, chainId }];
-
 interface RootLayoutProps {
   children: ReactNode;
 }
@@ -48,7 +46,6 @@ export default function RootLayout({ children }: RootLayoutProps) {
               theme="dark"
               fuelConfig={{ connectors }}
               uiConfig={{ suggestBridge: false }}
-              networks={networks}
             >
               {" "}
               <ToastContainer theme="dark" />

templates/nextjs/src/lib.tsx

@@ -10,7 +10,6 @@ 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");
 
 export const localContractId = contractIds.testContract;

templates/vite/src/lib.tsx

@@ -10,7 +10,6 @@ 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");
 
 export const localContractId = contractIds.testContract;

templates/vite/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 { FuelConnector, Network, Provider } from "fuels";
+import { FuelConnector, Provider } from "fuels";
 
 import App from "./App.tsx";
-import { chainId, providerUrl } from "./lib.tsx";
+import { providerUrl } from "./lib.tsx";
 
 import "react-toastify/dist/ReactToastify.css";
 import "./index.css";
@@ -19,16 +19,13 @@ const connectors: FuelConnector[] = defaultConnectors({
   fuelProvider: Provider.create(providerUrl),
 });
 
-const networks: Network[] = [{ url: providerUrl, chainId }];
-
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <QueryClientProvider client={queryClient}>
       <FuelProvider
         theme="dark"
         fuelConfig={{ connectors }}
         uiConfig={{ suggestBridge: false }}
-        networks={networks}
       >
         <App />
         <ToastContainer theme="dark" />