@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

0.36.2-pr-399-8d5b25c

8 months ago

0.36.2-pr-399-3c2e80a

8 months ago

0.36.2-pr-399-033d287

8 months ago

0.36.1-pr-418-190bdcf

8 months ago

0.36.2-pr-420-9a5bf15

8 months ago

0.36.1-pr-418-02795b7

8 months ago

0.36.1

8 months ago

0.36.1-main-b0ef68f

8 months ago

0.36.2-pr-419-fd731c2

8 months ago

0.36.1-pr-399-6453f26

8 months ago

0.36.1-pr-399-3fa337d

8 months ago

0.36.1-pr-399-7f20be3

8 months ago

0.36.1-pr-399-b4f03b0

8 months ago

0.36.1-pr-399-34ca48f

8 months ago

0.36.1-pr-399-6d85564

8 months ago

0.36.1-pr-399-916b3a3

8 months ago

0.36.1-pr-399-f0a8783

8 months ago

0.36.1-pr-399-8b5c9b4

8 months ago

0.36.1-pr-399-e944d93

8 months ago

0.36.1-pr-399-1cc488d

8 months ago

0.36.1-pr-399-bb86987

8 months ago

0.36.1-pr-399-f0ae40c

8 months ago

0.36.1-pr-399-70508a4

8 months ago

0.36.1-pr-399-c803774

8 months ago

0.36.1-pr-399-189c9be

8 months ago

0.36.1-pr-399-b4aa7f4

8 months ago

0.36.1-pr-399-fa0c6b6

8 months ago

0.36.1-pr-399-d5fcafd

8 months ago

0.36.1-pr-399-371b58c

8 months ago

0.36.1-pr-399-3df96bc

8 months ago

0.36.1-pr-400-35055a1

8 months ago

0.36.1-pr-400-c627695

8 months ago

0.36.1-pr-400-01e21e4

8 months ago

0.36.1-pr-400-79b9e8e

8 months ago

0.36.1-pr-400-581d637

8 months ago

0.36.1-pr-400-59df07f

8 months ago

0.36.1-pr-400-260aa72

8 months ago

0.36.1-pr-399-2cf8290

8 months ago

0.36.1-pr-400-70b7139

8 months ago

0.36.1-pr-402-8ef31f1

8 months ago

0.36.0-pr-403-e43bf45

8 months ago

0.35.2-pr-405-3b571a7

8 months ago

0.36.0-pr-404-5f2537a

8 months ago

0.36.0

8 months ago

0.35.2-pr-397-68a91c8

8 months ago

0.36.0-main-57dc2f6

8 months ago

0.36.1-pr-406-be19971

8 months ago

0.36.0-pr-404-b02595f

8 months ago

0.35.2-pr-400-234980b

8 months ago

0.35.2-main-9d5e004

8 months ago

0.36.1-pr-408-2e27652

8 months ago

0.35.2-pr-395-7118aec

8 months ago

0.35.2-pr-396-97d4da4

8 months ago

0.35.2-pr-394-615f5b1

8 months ago

0.35.2-pr-394-7f17532

8 months ago

0.35.2-pr-396-cb673ad

8 months ago

0.35.2-pr-400-103dd6e

8 months ago

0.35.2-pr-394-67564b3

8 months ago

0.35.2-pr-399-ca7ee16

8 months ago

0.35.2-pr-394-7de8580

8 months ago

0.35.2-pr-403-fe7bd2f

8 months ago

0.35.2-pr-394-c81515b

8 months ago

0.35.2-pr-397-54d7f94

8 months ago

0.36.0-pr-404-4ea3721

8 months ago

0.35.2-pr-397-9ebe044

8 months ago

0.35.2-pr-397-8b9a882

8 months ago

0.35.2-pr-394-1459bd3

8 months ago

0.35.2-pr-404-331f287

8 months ago

0.35.2-pr-394-9573335

8 months ago

0.35.2-pr-401-b910e0d

8 months ago

0.35.2-pr-397-1459bd3

8 months ago

0.35.2-pr-394-8a4e21f

8 months ago

0.35.2-pr-396-cd33548

8 months ago

0.35.2-pr-396-1bf430d

8 months ago

0.35.2-pr-394-57e9b29

8 months ago

0.36.0-pr-403-17936bd

8 months ago

0.35.3-pr-402-883e401

8 months ago

0.35.2-pr-394-8cdca67

8 months ago

0.35.2-main-46000eb

8 months ago

0.35.2-pr-392-b137793

8 months ago

0.35.1-pr-392-1b7787a

8 months ago

0.35.2-pr-393-70794a5

8 months ago

0.35.1-main-d6e12c9

8 months ago

0.31.5-pr-363-816dca3

8 months ago

0.31.5-pr-361-6e6b2e9

8 months ago

0.31.4-pr-354-e508849

9 months ago

0.30.2-pr-341-a9a9dfa

9 months ago

0.29.6-preview-42e87855a29f6acb2b675b3b89b57f85f867f0d8

9 months ago

0.31.4-pr-355-e2c557b

8 months ago

0.29.1-main-dea65a09822ae1aca4577e415d9bf78d53b0657f

9 months ago

0.31.0-pr-343-744697c

9 months ago

0.31.5-pr-363-19f3f58

8 months ago

0.31.5-pr-364-c24fd47

8 months ago

0.32.0-main-9a20224

8 months ago

0.32.0

8 months ago

0.33.0-main-aa757db

8 months ago

0.29.2-preview-e11a3c91846df358fff66f439d59204d8c03ace4

9 months ago

0.29.0

9 months ago

0.29.5-preview-1df2be95d9a12f0ff645a3d76f3ce854408c53e1

9 months ago

0.29.7-pr-334-bfa53f0a20bf153dbaf2403b53936a6e3177b6fa

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

0.30.0-main-ac45fc9c2ac3d2ddb2374cb6ea642e58635f6650

9 months ago

0.29.2

9 months ago

0.29.1

9 months ago

0.30.3-pr-340-c99dd63

9 months ago

0.29.2-main-56f3a600cc96aa6fa675af3e41dc192e97f01461

9 months ago

0.31.5-pr-366-9ee4ecb

8 months ago

0.31.6-pr-362-7c91e19

8 months ago

0.33.0

8 months ago

0.31.4-pr-351-ca29eb6

9 months ago

0.35.1-pr-388-b9c9589

8 months ago

0.32.0-main-5a2cfe3

8 months ago

0.31.6-pr-362-aa41204

8 months ago

0.31.7-pr-371-8bb60be

8 months ago

0.31.1-pr-340-1d7fcb7

9 months ago

0.34.0-pr-381-447be41

8 months ago

0.29.7-main-a9bf3c474e20ececa386cddb6e861bcb52651f3f

9 months ago

0.31.6-pr-367-4fb9e4b

8 months ago

0.31.3-main-1ffb4b5

9 months ago

0.31.5-pr-365-af2a2ee

8 months ago

0.32.0-pr-371-1beac3c

8 months ago

0.32.1-main-58d0388

8 months ago

0.33.2-pr-380-20835f5

8 months ago

0.31.4-pr-356-0d039d0

9 months ago

0.31.6-main-450b612

8 months ago

0.34.2-pr-384-8a75adc

8 months ago

0.31.5-main-11f468c

8 months ago

0.29.3-pr-308-ac1479a55868d1f31575331ce7f2569d28f1741d

9 months ago

0.31.4-pr-353-34f3652

9 months ago

0.30.1

9 months ago

0.30.0

9 months ago

0.29.5-main-01f20fb80e221b5d0daa78743583424c683b382c

9 months ago

0.31.5-pr-364-eaf9148

8 months ago

0.31.4-pr-355-7b38708

9 months ago

0.31.2-pr-341-28ddc0e

9 months ago

0.29.0-main-3c29c368ced7dd17a7768b048c576ec1c6392472

9 months ago

0.32.1-pr-376-4b2d4d2

8 months ago

0.33.1-pr-379-1abca23

8 months ago

0.34.1-pr-380-68540fe

8 months ago

0.31.6

8 months ago

0.31.5-pr-365-b8aa832

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

0.34.2-pr-383-21962a6

8 months ago

0.35.0-pr-387-713d321

8 months ago

0.31.5-main-64c291f

8 months ago

0.31.4-pr-351-9acbc4d

9 months ago

0.34.1-pr-382-ee2dad1

8 months ago

0.30.1-pr-321-a0fb1a14a1782ed0ef397e7c20b25e89a7f0e9af

9 months ago

0.31.1

9 months ago

0.31.0

9 months ago

0.29.3-main-681785bdd135ba9a205130bbbc381d32919cf7e3

9 months ago

0.33.1-pr-378-e1f7512

8 months ago

0.31.7-pr-369-cda4066

8 months ago

0.31.3-pr-347-d01e9a6

9 months ago

0.33.1-pr-375-4a9bb22

8 months ago

0.32.2-pr-375-0f5502e

8 months ago

0.30.1-pr-335-a996f44092ffbd6dc30657d1ba4a3acecdaa1607

9 months ago

0.31.1-pr-345-50c9bed

9 months ago

0.34.2-pr-385-578e827

8 months ago

0.31.5-main-28022d0

8 months ago

0.34.0-main-cdac8d4

8 months ago

0.30.0-pr-334-6e9538b0b5f37f78f54b4b9b003e2442b7c7cfa5

9 months ago

0.35.0-main-5c3d337

8 months ago

0.33.0-pr-377-9ec3fa7

8 months ago

0.31.4-pr-353-151b693

9 months ago

0.31.1-main-fa88dca

9 months ago

0.31.2-main-d40b0b7

9 months ago

0.30.2-pr-336-4c35f1c0565a40e721c6882b4d54aa9e63fcd7ec

9 months ago

0.30.1-pr-329-1f87dd45771219de646cabbc6a9cdcf564d6ee89

9 months ago

0.30.2-main-296748c

9 months ago

0.34.2-main-9c0923b

8 months ago

0.32.1-pr-374-4f67061

8 months ago

0.29.0-main-7f719cc474396d3fdaa82aad379c5b29c6b03696

9 months ago

0.31.5-main-4eecdf3

8 months ago

0.32.1-pr-372-c071a63

8 months ago

0.33.1-pr-379-eabd6c9

8 months ago

0.34.1-main-b0708e3

8 months ago

0.31.4-pr-353-3f174d3

9 months ago

0.29.4-main-9fc7a98ba855f449b65819417247881dab336598

9 months ago

0.30.1-pr-335-4be4de01de5026a5585ce1d7c56aa448c23337c7

9 months ago

0.32.0-pr-370-6fbe643

8 months ago

0.31.4-pr-359-2ae6832

8 months ago

0.35.2-pr-391-8606e46

8 months ago

0.31.4-pr-353-45bfeb4

9 months ago

0.31.3-pr-348-0e6b1fe

9 months ago

0.31.5-pr-365-32714e2

8 months ago

0.30.2-pr-339-42e2f9d

9 months ago

0.29.0-main-3c55d250946fa920e371d914f7733217cf47ea16

9 months ago

0.31.4-main-9c1db2e

8 months ago

0.31.4-pr-360-7f41c9c

8 months ago

0.30.1-main-be193e39d16bfeeef4cbadde8be5067e91258419

9 months ago

0.30.2-pr-336-1acef5d9dce6cfac53d8123e07ba308d838c6b38

9 months ago

0.31.6-pr-368-3913af2

8 months ago

0.31.4-pr-351-883c7e9

9 months ago

0.31.5-pr-363-a10824d

8 months ago

0.34.0-pr-381-5118ab3

8 months ago

0.35.1-pr-389-ffab390

8 months ago

0.30.1-pr-335-7d7ea4331ba4d1c96965258b7641987ead80c3c8

9 months ago

0.31.4-pr-349-ee36c87

9 months ago

0.31.4-pr-351-c078ce1

9 months ago

0.31.4-pr-353-0c7802e

9 months ago

0.30.2-pr-341-0f75f34

9 months ago

0.30.2-pr-336-81cff7d92cda7e607c27128f6b9c00f13d4498a5

9 months ago

0.31.4-pr-356-37e3624

9 months ago

0.34.2

8 months ago

0.30.2-pr-343-c5ed841

9 months ago

0.34.1

8 months ago

0.34.3-pr-386-62f8c29

8 months ago

0.34.0

8 months ago

0.30.1-pr-335-7ad1770f52515b697209d031d2682aef10bc7ace

9 months ago

0.31.1-pr-345-742c05c

9 months ago

0.32.0-pr-370-b9fd405

8 months ago

0.29.6-main-165ca68518c3581666b6e33c8d5aab63525fa55b

9 months ago

0.31.4-pr-355-42550e3

9 months ago

0.31.4-pr-360-22c2d72

8 months ago

0.31.4-pr-360-caea234

8 months ago

0.30.2-pr-337-0d9156d

9 months ago

0.33.1-main-cd36eda

8 months ago

0.30.2-pr-343-48c74f3

9 months ago

0.29.3-main-a7c78f4eab3641a2221552543b73150a3fcdc388

9 months ago

0.31.5-pr-363-92e0ff7

8 months ago

0.31.5-pr-366-5699f20

8 months ago

0.35.1

8 months ago

0.31.7-pr-370-1454864

8 months ago

0.35.0

8 months ago

0.32.1-pr-372-80c4014

8 months ago

0.31.2-pr-346-aa346ed

9 months ago

0.31.4-pr-351-eacec70

9 months ago

0.34.2-pr-385-29cdcec

8 months ago

0.31.5-pr-363-76f7d5e

8 months ago

0.31.0-main-4303a90

9 months ago

0.35.0-pr-387-3c4513b

8 months ago

0.31.6-pr-348-1910b5a

9 months ago

0.32.1-pr-376-fb357af

8 months ago

0.29.3-main-f1a0a237a204aee555e5a2fb166b8f143377cc21

9 months ago

0.29.6-preview-013f56b1a22d35d33b9262252a39d82c74dcc2b1

9 months ago

0.31.5-pr-359-a9c5482

8 months ago

0.30.0-pr-333-eee65b6f2761cf0c20728df728050b925c82de65

9 months ago

0.29.0-main-17838cfb4e649cabc20b78f1d60c3a9bc041a626

9 months ago

0.29.0-main-366ffa92a1958894c5b4ec060a5008a4ef380c45

9 months ago

0.29.0-main-0fbc99b33cf927b44eb5c6bf21d4f841e42dfa16

9 months ago

0.29.0-main-6b8963c80beb14b79b8a42f84e6ecd7fee519fd2

9 months ago

0.28.2-main-50488ae7ab7c41202fa48234ef977978a752d992

9 months ago

0.29.0-main-507c73f429f94187e3bdc01238474334b112e510

9 months ago

0.29.0-main-65924f35f2e76dc0f334bc68914806205ec10bfc

9 months ago

0.28.2-main-e2c514959a54918a7a99f2730b68e83fc68daa2b

9 months ago

0.28.2-main-ca76a505967340f5085a271073710097d538b9d6

9 months ago

0.28.1-main-b789ad04054d4c7a57b0e6c14e33dd83cb479013

9 months ago

0.28.2-preview-e63f612950627980c2b9782d9a731752c639ac3d

9 months ago

0.28.2-preview-934012c3935f6f492ffdbcfe0085d22e7eef92a5

9 months ago

0.28.1-main-ed0f8b2fbdc6610457287fa668be7fb7779ca749

9 months ago

0.28.1

9 months ago

0.28.0-main-eea98c991ed9aca318f65743f2734d5aa32e2e0e

9 months ago

0.28.0-pr-252-880cf8549c595f4911e0403b31bcd5cabd92db19

9 months ago

0.28.0-main-c321b2510cd72074e82ffe1072b25c93db0d03c6

9 months ago

0.28.0-main-d10db6d28e74d958addbb113ec07bd75c0821e74

9 months ago

0.28.0-main-1f6ee8679994528ae36faec51535a183d582a58b

9 months ago

0.28.0-pr-252-f1766572a9c1137a4c2dbaca0307fcfeb7829af2

9 months ago

0.28.0

9 months ago

0.28.0-pr-251-f01a9ddfae85d2ffdf5e67181ebabfd2cb32bfc9

9 months ago

0.28.0-pr--0dfda2bec629e572a34ad61e9401b13aefed16cb

9 months ago

0.27.2-main-b662c8d36f078764a4f6a146ad9758db3882e5ac

9 months ago

0.28.0-pr-251-eafc1ab4a8e52ac9562c48f63e6eae82e93561ae

9 months ago

0.28.0-pr-251-ccf7ce112bc7d9118f8e1563a46933945866ceaf

9 months ago

0.28.0-pr-251-ffbc50b009b2c1a348bd56ca4fe2ae8cd7542e45

9 months ago

0.27.1-pr-240-981ad68d2b7feb6ad7958ad02cf6b4f6d0607d35

10 months ago

0.27.1-main-9b6b7d3d271aa68fab01c6d236095cc2537b100e

10 months ago

0.27.0-main-083bf92b594c7d1eee9e7225f909e1e140aef809

10 months ago

0.27.1

10 months ago

0.27.0

10 months ago

0.27.0-preview-be65f7d661913757360eb9f2712d5579dc422863

10 months ago

0.27.1-pr-225-09c5574f2030a794bdf4c61cb713e750627a319a

10 months ago

0.27.1-main-57ba758b8952fcad9c9ecd5813c22fab0d5af0e4

10 months ago

0.27.0-pr-230-e5df61d28d6fafe7e2d17c0c544fdb1280e5d4f8

10 months ago

0.27.0-pr-231-be65f7d661913757360eb9f2712d5579dc422863

10 months ago

0.27.0-main-1d90228e5425ab4dc8018f72e09797ef385f2ab6

10 months ago

0.26.0-main-2c194a46f144c82a0f9a3205d79ef58f938eb297

10 months ago

0.26.0-pr-208-b8510d31d999a5da4fefe7d6bb3cc070ed666275

10 months ago

0.26.0

10 months ago

0.24.0-main-533abbfd163ad377faf2239d768a15821f6f5611

11 months ago

0.24.0-main-ed5fb440b1b0739fbeb616156864d9ba6da3ac07

11 months ago

1 year ago

1 year ago

1 year ago

11 months ago

0.24.0-main-d175142c7efb3f7134ddef2eae4d318f18bce7ed

11 months ago

0.24.0-main-98df6e304f67a8aa6f43eec9194d179ebfd42725

11 months ago

0.21.0-pr-91-92045c5

1 year ago

0.25.0-main-6c313dfcac480a345acbf4d1b7a70168ef07f8d5

11 months ago

1 year ago

12 months ago

1 year ago

1 year ago

0.26.0-pr-208-7fc22a99ee9d8cb004fd401fe1d4944a50cb8df5

10 months ago

0.25.0

11 months ago

0.22.1-pr-106-fc2d4e9

12 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.22.0-preview-19e2831

12 months ago

0.21.0-main-56f67a4

1 year ago

0.21.0-pr-91-ced044a

1 year ago

0.21.0-main-fe4cef2

1 year ago

0.25.0-main-fda8db19298d1042aba40504ff876196eb9a0f40

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

12 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago