@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

10 months ago

0.36.2-pr-399-3c2e80a

10 months ago

0.36.2-pr-399-033d287

10 months ago

0.36.1-pr-418-190bdcf

10 months ago

0.36.2-pr-420-9a5bf15

10 months ago

0.36.1-pr-418-02795b7

10 months ago

0.36.1

10 months ago

0.36.1-main-b0ef68f

10 months ago

0.36.2-pr-419-fd731c2

10 months ago

0.36.1-pr-399-6453f26

11 months ago

0.36.1-pr-399-3fa337d

11 months ago

0.36.1-pr-399-7f20be3

11 months ago

0.36.1-pr-399-b4f03b0

11 months ago

0.36.1-pr-399-34ca48f

10 months ago

0.36.1-pr-399-6d85564

11 months ago

0.36.1-pr-399-916b3a3

10 months ago

0.36.1-pr-399-f0a8783

10 months ago

0.36.1-pr-399-8b5c9b4

11 months ago

0.36.1-pr-399-e944d93

11 months ago

0.36.1-pr-399-1cc488d

11 months ago

0.36.1-pr-399-bb86987

10 months ago

0.36.1-pr-399-f0ae40c

11 months ago

0.36.1-pr-399-70508a4

10 months ago

0.36.1-pr-399-c803774

10 months ago

0.36.1-pr-399-189c9be

10 months ago

0.36.1-pr-399-b4aa7f4

10 months ago

0.36.1-pr-399-fa0c6b6

11 months ago

0.36.1-pr-399-d5fcafd

11 months ago

0.36.1-pr-399-371b58c

11 months ago

0.36.1-pr-399-3df96bc

11 months ago

0.36.1-pr-400-35055a1

11 months ago

0.36.1-pr-400-c627695

11 months ago

0.36.1-pr-400-01e21e4

11 months ago

0.36.1-pr-400-79b9e8e

11 months ago

0.36.1-pr-400-581d637

11 months ago

0.36.1-pr-400-59df07f

11 months ago

0.36.1-pr-400-260aa72

11 months ago

0.36.1-pr-399-2cf8290

11 months ago

0.36.1-pr-400-70b7139

11 months ago

0.36.1-pr-402-8ef31f1

11 months ago

0.36.0-pr-403-e43bf45

11 months ago

0.35.2-pr-405-3b571a7

11 months ago

0.36.0-pr-404-5f2537a

11 months ago

0.36.0

11 months ago

0.35.2-pr-397-68a91c8

11 months ago

0.36.0-main-57dc2f6

11 months ago

0.36.1-pr-406-be19971

11 months ago

0.36.0-pr-404-b02595f

11 months ago

0.35.2-pr-400-234980b

11 months ago

0.35.2-main-9d5e004

11 months ago

0.36.1-pr-408-2e27652

11 months ago

0.35.2-pr-395-7118aec

11 months ago

0.35.2-pr-396-97d4da4

11 months ago

0.35.2-pr-394-615f5b1

11 months ago

0.35.2-pr-394-7f17532

11 months ago

0.35.2-pr-396-cb673ad

11 months ago

0.35.2-pr-400-103dd6e

11 months ago

0.35.2-pr-394-67564b3

11 months ago

0.35.2-pr-399-ca7ee16

11 months ago

0.35.2-pr-394-7de8580

11 months ago

0.35.2-pr-403-fe7bd2f

11 months ago

0.35.2-pr-394-c81515b

11 months ago

0.35.2-pr-397-54d7f94

11 months ago

0.36.0-pr-404-4ea3721

11 months ago

0.35.2-pr-397-9ebe044

11 months ago

0.35.2-pr-397-8b9a882

11 months ago

0.35.2-pr-394-1459bd3

11 months ago

0.35.2-pr-404-331f287

11 months ago

0.35.2-pr-394-9573335

11 months ago

0.35.2-pr-401-b910e0d

11 months ago

0.35.2-pr-397-1459bd3

11 months ago

0.35.2-pr-394-8a4e21f

11 months ago

0.35.2-pr-396-cd33548

11 months ago

0.35.2-pr-396-1bf430d

11 months ago

0.35.2-pr-394-57e9b29

11 months ago

0.36.0-pr-403-17936bd

11 months ago

0.35.3-pr-402-883e401

11 months ago

0.35.2-pr-394-8cdca67

11 months ago

0.35.2-main-46000eb

11 months ago

0.35.2-pr-392-b137793

11 months ago

0.35.1-pr-392-1b7787a

11 months ago

0.35.2-pr-393-70794a5

11 months ago

0.35.1-main-d6e12c9

11 months ago

0.31.5-pr-363-816dca3

11 months ago

0.31.5-pr-361-6e6b2e9

11 months ago

0.31.4-pr-354-e508849

11 months ago

0.30.2-pr-341-a9a9dfa

11 months ago

0.29.6-preview-42e87855a29f6acb2b675b3b89b57f85f867f0d8

11 months ago

0.31.4-pr-355-e2c557b

11 months ago

0.29.1-main-dea65a09822ae1aca4577e415d9bf78d53b0657f

11 months ago

0.31.0-pr-343-744697c

11 months ago

0.31.5-pr-363-19f3f58

11 months ago

0.31.5-pr-364-c24fd47

11 months ago

0.32.0-main-9a20224

11 months ago

0.32.0

11 months ago

0.33.0-main-aa757db

11 months ago

0.29.2-preview-e11a3c91846df358fff66f439d59204d8c03ace4

11 months ago

0.29.0

11 months ago

0.29.5-preview-1df2be95d9a12f0ff645a3d76f3ce854408c53e1

11 months ago

0.29.7-pr-334-bfa53f0a20bf153dbaf2403b53936a6e3177b6fa

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

0.30.0-main-ac45fc9c2ac3d2ddb2374cb6ea642e58635f6650

11 months ago

0.29.2

11 months ago

0.29.1

11 months ago

0.30.3-pr-340-c99dd63

11 months ago

0.29.2-main-56f3a600cc96aa6fa675af3e41dc192e97f01461

11 months ago

0.31.5-pr-366-9ee4ecb

11 months ago

0.31.6-pr-362-7c91e19

11 months ago

0.33.0

11 months ago

0.31.4-pr-351-ca29eb6

11 months ago

0.35.1-pr-388-b9c9589

11 months ago

0.32.0-main-5a2cfe3

11 months ago

0.31.6-pr-362-aa41204

11 months ago

0.31.7-pr-371-8bb60be

11 months ago

0.31.1-pr-340-1d7fcb7

11 months ago

0.34.0-pr-381-447be41

11 months ago

0.29.7-main-a9bf3c474e20ececa386cddb6e861bcb52651f3f

11 months ago

0.31.6-pr-367-4fb9e4b

11 months ago

0.31.3-main-1ffb4b5

11 months ago

0.31.5-pr-365-af2a2ee

11 months ago

0.32.0-pr-371-1beac3c

11 months ago

0.32.1-main-58d0388

11 months ago

0.33.2-pr-380-20835f5

11 months ago

0.31.4-pr-356-0d039d0

11 months ago

0.31.6-main-450b612

11 months ago

0.34.2-pr-384-8a75adc

11 months ago

0.31.5-main-11f468c

11 months ago

0.29.3-pr-308-ac1479a55868d1f31575331ce7f2569d28f1741d

11 months ago

0.31.4-pr-353-34f3652

11 months ago

0.30.1

11 months ago

0.30.0

11 months ago

0.29.5-main-01f20fb80e221b5d0daa78743583424c683b382c

11 months ago

0.31.5-pr-364-eaf9148

11 months ago

0.31.4-pr-355-7b38708

11 months ago

0.31.2-pr-341-28ddc0e

11 months ago

0.29.0-main-3c29c368ced7dd17a7768b048c576ec1c6392472

11 months ago

0.32.1-pr-376-4b2d4d2

11 months ago

0.33.1-pr-379-1abca23

11 months ago

0.34.1-pr-380-68540fe

11 months ago

0.31.6

11 months ago

0.31.5-pr-365-b8aa832

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

0.34.2-pr-383-21962a6

11 months ago

0.35.0-pr-387-713d321

11 months ago

0.31.5-main-64c291f

11 months ago

0.31.4-pr-351-9acbc4d

11 months ago

0.34.1-pr-382-ee2dad1

11 months ago

0.30.1-pr-321-a0fb1a14a1782ed0ef397e7c20b25e89a7f0e9af

11 months ago

0.31.1

11 months ago

0.31.0

11 months ago

0.29.3-main-681785bdd135ba9a205130bbbc381d32919cf7e3

11 months ago

0.33.1-pr-378-e1f7512

11 months ago

0.31.7-pr-369-cda4066

11 months ago

0.31.3-pr-347-d01e9a6

11 months ago

0.33.1-pr-375-4a9bb22

11 months ago

0.32.2-pr-375-0f5502e

11 months ago

0.30.1-pr-335-a996f44092ffbd6dc30657d1ba4a3acecdaa1607

11 months ago

0.31.1-pr-345-50c9bed

11 months ago

0.34.2-pr-385-578e827

11 months ago

0.31.5-main-28022d0

11 months ago

0.34.0-main-cdac8d4

11 months ago

0.30.0-pr-334-6e9538b0b5f37f78f54b4b9b003e2442b7c7cfa5

11 months ago

0.35.0-main-5c3d337

11 months ago

0.33.0-pr-377-9ec3fa7

11 months ago

0.31.4-pr-353-151b693

11 months ago

0.31.1-main-fa88dca

11 months ago

0.31.2-main-d40b0b7

11 months ago

0.30.2-pr-336-4c35f1c0565a40e721c6882b4d54aa9e63fcd7ec

11 months ago

0.30.1-pr-329-1f87dd45771219de646cabbc6a9cdcf564d6ee89

11 months ago

0.30.2-main-296748c

11 months ago

0.34.2-main-9c0923b

11 months ago

0.32.1-pr-374-4f67061

11 months ago

0.29.0-main-7f719cc474396d3fdaa82aad379c5b29c6b03696

11 months ago

0.31.5-main-4eecdf3

11 months ago

0.32.1-pr-372-c071a63

11 months ago

0.33.1-pr-379-eabd6c9

11 months ago

0.34.1-main-b0708e3

11 months ago

0.31.4-pr-353-3f174d3

11 months ago

0.29.4-main-9fc7a98ba855f449b65819417247881dab336598

11 months ago

0.30.1-pr-335-4be4de01de5026a5585ce1d7c56aa448c23337c7

11 months ago

0.32.0-pr-370-6fbe643

11 months ago

0.31.4-pr-359-2ae6832

11 months ago

0.35.2-pr-391-8606e46

11 months ago

0.31.4-pr-353-45bfeb4

11 months ago

0.31.3-pr-348-0e6b1fe

11 months ago

0.31.5-pr-365-32714e2

11 months ago

0.30.2-pr-339-42e2f9d

11 months ago

0.29.0-main-3c55d250946fa920e371d914f7733217cf47ea16

11 months ago

0.31.4-main-9c1db2e

11 months ago

0.31.4-pr-360-7f41c9c

11 months ago

0.30.1-main-be193e39d16bfeeef4cbadde8be5067e91258419

11 months ago

0.30.2-pr-336-1acef5d9dce6cfac53d8123e07ba308d838c6b38

11 months ago

0.31.6-pr-368-3913af2

11 months ago

0.31.4-pr-351-883c7e9

11 months ago

0.31.5-pr-363-a10824d

11 months ago

0.34.0-pr-381-5118ab3

11 months ago

0.35.1-pr-389-ffab390

11 months ago

0.30.1-pr-335-7d7ea4331ba4d1c96965258b7641987ead80c3c8

11 months ago

0.31.4-pr-349-ee36c87

11 months ago

0.31.4-pr-351-c078ce1

11 months ago

0.31.4-pr-353-0c7802e

11 months ago

0.30.2-pr-341-0f75f34

11 months ago

0.30.2-pr-336-81cff7d92cda7e607c27128f6b9c00f13d4498a5

11 months ago

0.31.4-pr-356-37e3624

11 months ago

0.34.2

11 months ago

0.30.2-pr-343-c5ed841

11 months ago

0.34.1

11 months ago

0.34.3-pr-386-62f8c29

11 months ago

0.34.0

11 months ago

0.30.1-pr-335-7ad1770f52515b697209d031d2682aef10bc7ace

11 months ago

0.31.1-pr-345-742c05c

11 months ago

0.32.0-pr-370-b9fd405

11 months ago

0.29.6-main-165ca68518c3581666b6e33c8d5aab63525fa55b

11 months ago

0.31.4-pr-355-42550e3

11 months ago

0.31.4-pr-360-22c2d72

11 months ago

0.31.4-pr-360-caea234

11 months ago

0.30.2-pr-337-0d9156d

11 months ago

0.33.1-main-cd36eda

11 months ago

0.30.2-pr-343-48c74f3

11 months ago

0.29.3-main-a7c78f4eab3641a2221552543b73150a3fcdc388

11 months ago

0.31.5-pr-363-92e0ff7

11 months ago

0.31.5-pr-366-5699f20

11 months ago

0.35.1

11 months ago

0.31.7-pr-370-1454864

11 months ago

0.35.0

11 months ago

0.32.1-pr-372-80c4014

11 months ago

0.31.2-pr-346-aa346ed

11 months ago

0.31.4-pr-351-eacec70

11 months ago

0.34.2-pr-385-29cdcec

11 months ago

0.31.5-pr-363-76f7d5e

11 months ago

0.31.0-main-4303a90

11 months ago

0.35.0-pr-387-3c4513b

11 months ago

0.31.6-pr-348-1910b5a

11 months ago

0.32.1-pr-376-fb357af

11 months ago

0.29.3-main-f1a0a237a204aee555e5a2fb166b8f143377cc21

11 months ago

0.29.6-preview-013f56b1a22d35d33b9262252a39d82c74dcc2b1

11 months ago

0.31.5-pr-359-a9c5482

11 months ago

0.30.0-pr-333-eee65b6f2761cf0c20728df728050b925c82de65

11 months ago

0.29.0-main-17838cfb4e649cabc20b78f1d60c3a9bc041a626

11 months ago

0.29.0-main-366ffa92a1958894c5b4ec060a5008a4ef380c45

11 months ago

0.29.0-main-0fbc99b33cf927b44eb5c6bf21d4f841e42dfa16

11 months ago

0.29.0-main-6b8963c80beb14b79b8a42f84e6ecd7fee519fd2

11 months ago

0.28.2-main-50488ae7ab7c41202fa48234ef977978a752d992

11 months ago

0.29.0-main-507c73f429f94187e3bdc01238474334b112e510

11 months ago

0.29.0-main-65924f35f2e76dc0f334bc68914806205ec10bfc

11 months ago

0.28.2-main-e2c514959a54918a7a99f2730b68e83fc68daa2b

12 months ago

0.28.2-main-ca76a505967340f5085a271073710097d538b9d6

12 months ago

0.28.1-main-b789ad04054d4c7a57b0e6c14e33dd83cb479013

12 months ago

0.28.2-preview-e63f612950627980c2b9782d9a731752c639ac3d

12 months ago

0.28.2-preview-934012c3935f6f492ffdbcfe0085d22e7eef92a5

12 months ago

0.28.1-main-ed0f8b2fbdc6610457287fa668be7fb7779ca749

12 months ago

0.28.1

12 months ago

0.28.0-main-eea98c991ed9aca318f65743f2734d5aa32e2e0e

12 months ago

0.28.0-pr-252-880cf8549c595f4911e0403b31bcd5cabd92db19

12 months ago

0.28.0-main-c321b2510cd72074e82ffe1072b25c93db0d03c6

12 months ago

0.28.0-main-d10db6d28e74d958addbb113ec07bd75c0821e74

12 months ago

0.28.0-main-1f6ee8679994528ae36faec51535a183d582a58b

12 months ago

0.28.0-pr-252-f1766572a9c1137a4c2dbaca0307fcfeb7829af2

12 months ago

0.28.0

12 months ago

0.28.0-pr-251-f01a9ddfae85d2ffdf5e67181ebabfd2cb32bfc9

12 months ago

0.28.0-pr--0dfda2bec629e572a34ad61e9401b13aefed16cb

12 months ago

0.27.2-main-b662c8d36f078764a4f6a146ad9758db3882e5ac

12 months ago

0.28.0-pr-251-eafc1ab4a8e52ac9562c48f63e6eae82e93561ae

12 months ago

0.28.0-pr-251-ccf7ce112bc7d9118f8e1563a46933945866ceaf

12 months ago

0.28.0-pr-251-ffbc50b009b2c1a348bd56ca4fe2ae8cd7542e45

12 months ago

0.27.1-pr-240-981ad68d2b7feb6ad7958ad02cf6b4f6d0607d35

12 months ago

0.27.1-main-9b6b7d3d271aa68fab01c6d236095cc2537b100e

12 months ago

0.27.0-main-083bf92b594c7d1eee9e7225f909e1e140aef809

12 months ago

0.27.1

12 months ago

0.27.0

12 months ago

0.27.0-preview-be65f7d661913757360eb9f2712d5579dc422863

12 months ago

0.27.1-pr-225-09c5574f2030a794bdf4c61cb713e750627a319a

12 months ago

0.27.1-main-57ba758b8952fcad9c9ecd5813c22fab0d5af0e4

12 months ago

0.27.0-pr-230-e5df61d28d6fafe7e2d17c0c544fdb1280e5d4f8

12 months ago

0.27.0-pr-231-be65f7d661913757360eb9f2712d5579dc422863

12 months 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

1 year ago

1 year 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

1 year ago

0.25.0-main-6c313dfcac480a345acbf4d1b7a70168ef07f8d5

1 year ago

1 year ago

1 year ago

1 year ago

1 year 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

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

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

1 year ago

0.25.0-main-fda8db19298d1042aba40504ff876196eb9a0f40

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

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