@fuels/react NPM

⚡️ Fuel Wallet React Hooks

The Fuel Wallet React Hooks provide a set of hooks to seamless integrate the Fuel Wallet browser extension with any React JS or Next JS project.

Installation

npm install fuels @fuel-wallet/react

Note that the fuels package is also required as a dependency for better integration with other applications built using the Fuels TS SDK.

Usage

Setup the provider

Adding the providers on the upper level of the application that will use the hooks.

import { FuelProvider } from '@fuel-wallet/react';

import { App } from './App';

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <React.StrictMode>
    <FuelProvider>
      <App />
    </FuelProvider>
  </React.StrictMode>,
);

Connecting to Wallet

import { useState } from 'react';
import {
  useConnect,
  useConnectors,
  useDisconnect,
  useIsConnected,
} from '@fuel-wallet/react';

export default function App() {
  const [connector, setConnector] = useState('');
  const { connectors } = useConnectors();
  const { connect } = useConnect();
  const { disconnect } = useDisconnect();
  const { isConnected } = useIsConnected();

  return (
    <div
      style={{
        display: 'flex',
        flexDirection: 'column',
        gap: 10,
        padding: 10,
        maxWidth: 300,
      }}
    >
      <select
        onChange={(e) => {
          console.log(e.target.value);
          setConnector(e.target.value);
        }}
      >
        <option value="">Select a connector</option>
        {connectors.map((c) => (
          <option key={c.name} value={c.name}>
            {c.name}
          </option>
        ))}
      </select>
      <button disabled={!connector} onClick={() => connect(connector)}>
        Connect to {connector}
      </button>
      <button disabled={!connector} onClick={() => disconnect()}>
        Disconnect from {connector}
      </button>
      <p>{isConnected ? 'Connected' : ''}</p>
    </div>
  );
}

Please visit our docs to get started using the Fuel Wallet React Hooks.

Additionally, you can check up the Fuel Wallet React Hooks reference for more details.

📜 License

This repo is licensed under the Apache-2.0 license. See LICENSE for more information.

@radix-ui/react-dialog events

sway-example-commons @fuel-infrastructure/fuel-hyperlane-widgets

0.37.0-pr-446-287ae95

12 months ago

0.39.0-pr-458-7e59539

11 months ago

0.38.0-main-c75981c

10 months ago

0.39.0-pr-458-a0d50db

11 months ago

0.41.1

7 months ago

0.41.2

7 months ago

0.41.0

7 months ago

0.39.0-pr-458-52963d3

11 months ago

0.39.0-pr-458-9723971

11 months ago

0.42.0

6 months ago

0.38.1-pr-457-8252f84

10 months ago

0.36.2-pr-444-eb7ca63

12 months ago

0.37.0-pr-447-7dde8a6

12 months ago

0.43.1

6 months ago

0.43.2

6 months ago

0.39.0-pr-446-5c89274

12 months ago

0.39.1-pr-483-1d9f899

10 months ago

0.37.0

11 months ago

0.37.0-pr-446-74c8685

12 months ago

0.37.0-main-8181738

11 months ago

0.38.1-pr-463-23c3fbb

10 months ago

0.37.0-main-d9c0624

12 months ago

0.38.0-main-1896a80

11 months ago

0.39.0-main-b21855f

10 months ago

0.38.1-pr-463-8e4ab26

10 months ago

0.39.0-pr-446-428433a

12 months ago

0.38.1

10 months ago

0.38.0

10 months ago

0.38.0-main-71256d8

11 months ago

0.39.0-pr-458-a955e20

11 months ago

0.39.0-pr-458-daef15f

11 months ago

0.37.0-pr-446-2a66dd2

12 months ago

0.39.0-pr-458-101889b

11 months ago

0.39.1

9 months ago

0.39.0

10 months ago

0.37.0-pr-447-bf9c9d8

12 months ago

0.39.2

9 months ago

0.38.1-main-2d83af7

10 months ago

0.38.2-pr-464-83c51d3

10 months ago

0.37.0-main-dd2c3e0

11 months ago

0.39.0-pr-446-3c5f292

12 months ago

0.37.0-pr-446-9f07439

12 months ago

0.39.1-main-455dacb

10 months ago

0.38.0-pr-462-ed40cb2

10 months ago

0.40.0

8 months ago

0.39.0-main-5f9794e

10 months ago

0.37.0-pr-444-cb4a7ad

11 months ago

0.38.0-pr-461-248d471

10 months ago

0.39.0-pr-458-1de8670

11 months ago

0.39.0-pr-446-73f01c0

12 months ago

0.36.2-pr-399-8d5b25c

1 year ago

0.36.2-pr-399-3c2e80a

1 year ago

0.36.2-pr-399-033d287

1 year ago

0.36.1-pr-418-190bdcf

1 year ago

0.36.2-pr-420-9a5bf15

1 year ago

0.36.1-pr-418-02795b7

1 year ago

0.36.1

1 year ago

0.36.1-main-b0ef68f

1 year ago

0.36.2-pr-419-fd731c2

1 year ago

0.36.1-pr-399-6453f26

1 year ago

0.36.1-pr-399-3fa337d

1 year ago

0.36.1-pr-399-7f20be3

1 year ago

0.36.1-pr-399-b4f03b0

1 year ago

0.36.1-pr-399-34ca48f

1 year ago

0.36.1-pr-399-6d85564

1 year ago

0.36.1-pr-399-916b3a3

1 year ago

0.36.1-pr-399-f0a8783

1 year ago

0.36.1-pr-399-8b5c9b4

1 year ago

0.36.1-pr-399-e944d93

1 year ago

0.36.1-pr-399-1cc488d

1 year ago

0.36.1-pr-399-bb86987

1 year ago

0.36.1-pr-399-f0ae40c

1 year ago

0.36.1-pr-399-70508a4

1 year ago

0.36.1-pr-399-c803774

1 year ago

0.36.1-pr-399-189c9be

1 year ago

0.36.1-pr-399-b4aa7f4

1 year ago

0.36.1-pr-399-fa0c6b6

1 year ago

0.36.1-pr-399-d5fcafd

1 year ago

0.36.1-pr-399-371b58c

1 year ago

0.36.1-pr-399-3df96bc

1 year ago

0.36.1-pr-400-35055a1

1 year ago

0.36.1-pr-400-c627695

1 year ago

0.36.1-pr-400-01e21e4

1 year ago

0.36.1-pr-400-79b9e8e

1 year ago

0.36.1-pr-400-581d637

1 year ago

0.36.1-pr-400-59df07f

1 year ago

0.36.1-pr-400-260aa72

1 year ago

0.36.1-pr-399-2cf8290

1 year ago

0.36.1-pr-400-70b7139

1 year ago

0.36.1-pr-402-8ef31f1

1 year ago

0.36.0-pr-403-e43bf45

1 year ago

0.35.2-pr-405-3b571a7

1 year ago

0.36.0-pr-404-5f2537a

1 year ago

0.36.0

1 year ago

0.35.2-pr-397-68a91c8

1 year ago

0.36.0-main-57dc2f6

1 year ago

0.36.1-pr-406-be19971

1 year ago

0.36.0-pr-404-b02595f

1 year ago

0.35.2-pr-400-234980b

1 year ago

0.35.2-main-9d5e004

1 year ago

0.36.1-pr-408-2e27652

1 year ago

0.35.2-pr-395-7118aec

1 year ago

0.35.2-pr-396-97d4da4

1 year ago

0.35.2-pr-394-615f5b1

1 year ago

0.35.2-pr-394-7f17532

1 year ago

0.35.2-pr-396-cb673ad

1 year ago

0.35.2-pr-400-103dd6e

1 year ago

0.35.2-pr-394-67564b3

1 year ago

0.35.2-pr-399-ca7ee16

1 year ago

0.35.2-pr-394-7de8580

1 year ago

0.35.2-pr-403-fe7bd2f

1 year ago

0.35.2-pr-394-c81515b

1 year ago

0.35.2-pr-397-54d7f94

1 year ago

0.36.0-pr-404-4ea3721

1 year ago

0.35.2-pr-397-9ebe044

1 year ago

0.35.2-pr-397-8b9a882

1 year ago

0.35.2-pr-394-1459bd3

1 year ago

0.35.2-pr-404-331f287

1 year ago

0.35.2-pr-394-9573335

1 year ago

0.35.2-pr-401-b910e0d

1 year ago

0.35.2-pr-397-1459bd3

1 year ago

0.35.2-pr-394-8a4e21f

1 year ago

0.35.2-pr-396-cd33548

1 year ago

0.35.2-pr-396-1bf430d

1 year ago

0.35.2-pr-394-57e9b29

1 year ago

0.36.0-pr-403-17936bd

1 year ago

0.35.3-pr-402-883e401

1 year ago

0.35.2-pr-394-8cdca67

1 year ago

0.35.2-main-46000eb

1 year ago

0.35.2-pr-392-b137793

1 year ago

0.35.1-pr-392-1b7787a

1 year ago

0.35.2-pr-393-70794a5

1 year ago

0.35.1-main-d6e12c9

1 year ago

0.31.5-pr-363-816dca3

1 year ago

0.31.5-pr-361-6e6b2e9

1 year ago

0.31.4-pr-354-e508849

1 year ago

0.30.2-pr-341-a9a9dfa

1 year ago

0.29.6-preview-42e87855a29f6acb2b675b3b89b57f85f867f0d8

1 year ago

0.31.4-pr-355-e2c557b

1 year ago

0.29.1-main-dea65a09822ae1aca4577e415d9bf78d53b0657f

1 year ago

0.31.0-pr-343-744697c

1 year ago

0.31.5-pr-363-19f3f58

1 year ago

0.31.5-pr-364-c24fd47

1 year ago

0.32.0-main-9a20224

1 year ago

0.32.0

1 year ago

0.33.0-main-aa757db

1 year ago

0.29.2-preview-e11a3c91846df358fff66f439d59204d8c03ace4

1 year ago

0.29.0

1 year ago

0.29.5-preview-1df2be95d9a12f0ff645a3d76f3ce854408c53e1

1 year ago

0.29.7-pr-334-bfa53f0a20bf153dbaf2403b53936a6e3177b6fa

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.30.0-main-ac45fc9c2ac3d2ddb2374cb6ea642e58635f6650

1 year ago

0.29.2

1 year ago

0.29.1

1 year ago

0.30.3-pr-340-c99dd63

1 year ago

0.29.2-main-56f3a600cc96aa6fa675af3e41dc192e97f01461

1 year ago

0.31.5-pr-366-9ee4ecb

1 year ago

0.31.6-pr-362-7c91e19

1 year ago

0.33.0

1 year ago

0.31.4-pr-351-ca29eb6

1 year ago

0.35.1-pr-388-b9c9589

1 year ago

0.32.0-main-5a2cfe3

1 year ago

0.31.6-pr-362-aa41204

1 year ago

0.31.7-pr-371-8bb60be

1 year ago

0.31.1-pr-340-1d7fcb7

1 year ago

0.34.0-pr-381-447be41

1 year ago

0.29.7-main-a9bf3c474e20ececa386cddb6e861bcb52651f3f

1 year ago

0.31.6-pr-367-4fb9e4b

1 year ago

0.31.3-main-1ffb4b5

1 year ago

0.31.5-pr-365-af2a2ee

1 year ago

0.32.0-pr-371-1beac3c

1 year ago

0.32.1-main-58d0388

1 year ago

0.33.2-pr-380-20835f5

1 year ago

0.31.4-pr-356-0d039d0

1 year ago

0.31.6-main-450b612

1 year ago

0.34.2-pr-384-8a75adc

1 year ago

0.31.5-main-11f468c

1 year ago

0.29.3-pr-308-ac1479a55868d1f31575331ce7f2569d28f1741d

1 year ago

0.31.4-pr-353-34f3652

1 year ago

0.30.1

1 year ago

0.30.0

1 year ago

0.29.5-main-01f20fb80e221b5d0daa78743583424c683b382c

1 year ago

0.31.5-pr-364-eaf9148

1 year ago

0.31.4-pr-355-7b38708

1 year ago

0.31.2-pr-341-28ddc0e

1 year ago

0.29.0-main-3c29c368ced7dd17a7768b048c576ec1c6392472

1 year ago

0.32.1-pr-376-4b2d4d2

1 year ago

0.33.1-pr-379-1abca23

1 year ago

0.34.1-pr-380-68540fe

1 year ago

0.31.6

1 year ago

0.31.5-pr-365-b8aa832

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.34.2-pr-383-21962a6

1 year ago

0.35.0-pr-387-713d321

1 year ago

0.31.5-main-64c291f

1 year ago

0.31.4-pr-351-9acbc4d

1 year ago

0.34.1-pr-382-ee2dad1

1 year ago

0.30.1-pr-321-a0fb1a14a1782ed0ef397e7c20b25e89a7f0e9af

1 year ago

0.31.1

1 year ago

0.31.0

1 year ago

0.29.3-main-681785bdd135ba9a205130bbbc381d32919cf7e3

1 year ago

0.33.1-pr-378-e1f7512

1 year ago

0.31.7-pr-369-cda4066

1 year ago

0.31.3-pr-347-d01e9a6

1 year ago

0.33.1-pr-375-4a9bb22

1 year ago

0.32.2-pr-375-0f5502e

1 year ago

0.30.1-pr-335-a996f44092ffbd6dc30657d1ba4a3acecdaa1607

1 year ago

0.31.1-pr-345-50c9bed

1 year ago

0.34.2-pr-385-578e827

1 year ago

0.31.5-main-28022d0

1 year ago

0.34.0-main-cdac8d4

1 year ago

0.30.0-pr-334-6e9538b0b5f37f78f54b4b9b003e2442b7c7cfa5

1 year ago

0.35.0-main-5c3d337

1 year ago

0.33.0-pr-377-9ec3fa7

1 year ago

0.31.4-pr-353-151b693

1 year ago

0.31.1-main-fa88dca

1 year ago

0.31.2-main-d40b0b7

1 year ago

0.30.2-pr-336-4c35f1c0565a40e721c6882b4d54aa9e63fcd7ec

1 year ago

0.30.1-pr-329-1f87dd45771219de646cabbc6a9cdcf564d6ee89

1 year ago

0.30.2-main-296748c

1 year ago

0.34.2-main-9c0923b

1 year ago

0.32.1-pr-374-4f67061

1 year ago

0.29.0-main-7f719cc474396d3fdaa82aad379c5b29c6b03696

1 year ago

0.31.5-main-4eecdf3

1 year ago

0.32.1-pr-372-c071a63

1 year ago

0.33.1-pr-379-eabd6c9

1 year ago

0.34.1-main-b0708e3

1 year ago

0.31.4-pr-353-3f174d3

1 year ago

0.29.4-main-9fc7a98ba855f449b65819417247881dab336598

1 year ago

0.30.1-pr-335-4be4de01de5026a5585ce1d7c56aa448c23337c7

1 year ago

0.32.0-pr-370-6fbe643

1 year ago

0.31.4-pr-359-2ae6832

1 year ago

0.35.2-pr-391-8606e46

1 year ago

0.31.4-pr-353-45bfeb4

1 year ago

0.31.3-pr-348-0e6b1fe

1 year ago

0.31.5-pr-365-32714e2

1 year ago

0.30.2-pr-339-42e2f9d

1 year ago

0.29.0-main-3c55d250946fa920e371d914f7733217cf47ea16

1 year ago

0.31.4-main-9c1db2e

1 year ago

0.31.4-pr-360-7f41c9c

1 year ago

0.30.1-main-be193e39d16bfeeef4cbadde8be5067e91258419

1 year ago

0.30.2-pr-336-1acef5d9dce6cfac53d8123e07ba308d838c6b38

1 year ago

0.31.6-pr-368-3913af2

1 year ago

0.31.4-pr-351-883c7e9

1 year ago

0.31.5-pr-363-a10824d

1 year ago

0.34.0-pr-381-5118ab3

1 year ago

0.35.1-pr-389-ffab390

1 year ago

0.30.1-pr-335-7d7ea4331ba4d1c96965258b7641987ead80c3c8

1 year ago

0.31.4-pr-349-ee36c87

1 year ago

0.31.4-pr-351-c078ce1

1 year ago

0.31.4-pr-353-0c7802e

1 year ago

0.30.2-pr-341-0f75f34

1 year ago

0.30.2-pr-336-81cff7d92cda7e607c27128f6b9c00f13d4498a5

1 year ago

0.31.4-pr-356-37e3624

1 year ago

0.34.2

1 year ago

0.30.2-pr-343-c5ed841

1 year ago

0.34.1

1 year ago

0.34.3-pr-386-62f8c29

1 year ago

0.34.0

1 year ago

0.30.1-pr-335-7ad1770f52515b697209d031d2682aef10bc7ace

1 year ago

0.31.1-pr-345-742c05c

1 year ago

0.32.0-pr-370-b9fd405

1 year ago

0.29.6-main-165ca68518c3581666b6e33c8d5aab63525fa55b

1 year ago

0.31.4-pr-355-42550e3

1 year ago

0.31.4-pr-360-22c2d72

1 year ago

0.31.4-pr-360-caea234

1 year ago

0.30.2-pr-337-0d9156d

1 year ago

0.33.1-main-cd36eda

1 year ago

0.30.2-pr-343-48c74f3

1 year ago

0.29.3-main-a7c78f4eab3641a2221552543b73150a3fcdc388

1 year ago

0.31.5-pr-363-92e0ff7

1 year ago

0.31.5-pr-366-5699f20

1 year ago

0.35.1

1 year ago

0.31.7-pr-370-1454864

1 year ago

0.35.0

1 year ago

0.32.1-pr-372-80c4014

1 year ago

0.31.2-pr-346-aa346ed

1 year ago

0.31.4-pr-351-eacec70

1 year ago

0.34.2-pr-385-29cdcec

1 year ago

0.31.5-pr-363-76f7d5e

1 year ago

0.31.0-main-4303a90

1 year ago

0.35.0-pr-387-3c4513b

1 year ago

0.31.6-pr-348-1910b5a

1 year ago

0.32.1-pr-376-fb357af

1 year ago

0.29.3-main-f1a0a237a204aee555e5a2fb166b8f143377cc21

1 year ago

0.29.6-preview-013f56b1a22d35d33b9262252a39d82c74dcc2b1

1 year ago

0.31.5-pr-359-a9c5482

1 year ago

0.30.0-pr-333-eee65b6f2761cf0c20728df728050b925c82de65

1 year ago

0.29.0-main-17838cfb4e649cabc20b78f1d60c3a9bc041a626

1 year ago

0.29.0-main-366ffa92a1958894c5b4ec060a5008a4ef380c45

1 year ago

0.29.0-main-0fbc99b33cf927b44eb5c6bf21d4f841e42dfa16

1 year ago

0.29.0-main-6b8963c80beb14b79b8a42f84e6ecd7fee519fd2

1 year ago

0.28.2-main-50488ae7ab7c41202fa48234ef977978a752d992

1 year ago

0.29.0-main-507c73f429f94187e3bdc01238474334b112e510

1 year ago

0.29.0-main-65924f35f2e76dc0f334bc68914806205ec10bfc

1 year ago

0.28.2-main-e2c514959a54918a7a99f2730b68e83fc68daa2b

1 year ago

0.28.2-main-ca76a505967340f5085a271073710097d538b9d6

1 year ago

0.28.1-main-b789ad04054d4c7a57b0e6c14e33dd83cb479013

1 year ago

0.28.2-preview-e63f612950627980c2b9782d9a731752c639ac3d

1 year ago

0.28.2-preview-934012c3935f6f492ffdbcfe0085d22e7eef92a5

1 year ago

0.28.1-main-ed0f8b2fbdc6610457287fa668be7fb7779ca749

1 year ago

0.28.1

1 year ago

0.28.0-main-eea98c991ed9aca318f65743f2734d5aa32e2e0e

1 year ago

0.28.0-pr-252-880cf8549c595f4911e0403b31bcd5cabd92db19

1 year ago

0.28.0-main-c321b2510cd72074e82ffe1072b25c93db0d03c6

1 year ago

0.28.0-main-d10db6d28e74d958addbb113ec07bd75c0821e74

1 year ago

0.28.0-main-1f6ee8679994528ae36faec51535a183d582a58b

1 year ago

0.28.0-pr-252-f1766572a9c1137a4c2dbaca0307fcfeb7829af2

1 year ago

0.28.0

1 year ago

0.28.0-pr-251-f01a9ddfae85d2ffdf5e67181ebabfd2cb32bfc9

1 year ago

0.28.0-pr--0dfda2bec629e572a34ad61e9401b13aefed16cb

1 year ago

0.27.2-main-b662c8d36f078764a4f6a146ad9758db3882e5ac

1 year ago

0.28.0-pr-251-eafc1ab4a8e52ac9562c48f63e6eae82e93561ae

1 year ago

0.28.0-pr-251-ccf7ce112bc7d9118f8e1563a46933945866ceaf

1 year ago

0.28.0-pr-251-ffbc50b009b2c1a348bd56ca4fe2ae8cd7542e45

1 year ago

0.27.1-pr-240-981ad68d2b7feb6ad7958ad02cf6b4f6d0607d35

1 year ago

0.27.1-main-9b6b7d3d271aa68fab01c6d236095cc2537b100e

1 year ago

0.27.0-main-083bf92b594c7d1eee9e7225f909e1e140aef809

1 year ago

0.27.1

1 year ago

0.27.0

1 year ago

0.27.0-preview-be65f7d661913757360eb9f2712d5579dc422863

1 year ago

0.27.1-pr-225-09c5574f2030a794bdf4c61cb713e750627a319a

1 year ago

0.27.1-main-57ba758b8952fcad9c9ecd5813c22fab0d5af0e4

1 year ago

0.27.0-pr-230-e5df61d28d6fafe7e2d17c0c544fdb1280e5d4f8

1 year ago

0.27.0-pr-231-be65f7d661913757360eb9f2712d5579dc422863

1 year ago

0.27.0-main-1d90228e5425ab4dc8018f72e09797ef385f2ab6

1 year ago

0.26.0-main-2c194a46f144c82a0f9a3205d79ef58f938eb297

1 year ago

0.26.0-pr-208-b8510d31d999a5da4fefe7d6bb3cc070ed666275

1 year ago

0.26.0

1 year ago

0.24.0-main-533abbfd163ad377faf2239d768a15821f6f5611

1 year ago

0.24.0-main-ed5fb440b1b0739fbeb616156864d9ba6da3ac07

1 year ago

2 years ago

2 years ago

1 year ago

1 year ago

0.24.0-main-d175142c7efb3f7134ddef2eae4d318f18bce7ed

1 year ago

0.24.0-main-98df6e304f67a8aa6f43eec9194d179ebfd42725

1 year ago

0.21.0-pr-91-92045c5

2 years ago

0.25.0-main-6c313dfcac480a345acbf4d1b7a70168ef07f8d5

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

0.26.0-pr-208-7fc22a99ee9d8cb004fd401fe1d4944a50cb8df5

1 year ago

0.25.0

1 year ago

0.22.1-pr-106-fc2d4e9

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

1 year ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

0.22.0-preview-19e2831

1 year ago

0.21.0-main-56f67a4

1 year ago

0.21.0-pr-91-ced044a

1 year ago

0.21.0-main-fe4cef2

2 years ago

0.25.0-main-fda8db19298d1042aba40504ff876196eb9a0f40

1 year ago

2 years ago

2 years ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago