@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

11 months ago

0.36.2-pr-399-3c2e80a

11 months ago

0.36.2-pr-399-033d287

11 months ago

0.36.1-pr-418-190bdcf

11 months ago

0.36.2-pr-420-9a5bf15

11 months ago

0.36.1-pr-418-02795b7

11 months ago

0.36.1

11 months ago

0.36.1-main-b0ef68f

11 months ago

0.36.2-pr-419-fd731c2

11 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

11 months ago

0.36.1-pr-399-6d85564

11 months ago

0.36.1-pr-399-916b3a3

11 months ago

0.36.1-pr-399-f0a8783

11 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

11 months ago

0.36.1-pr-399-f0ae40c

11 months ago

0.36.1-pr-399-70508a4

11 months ago

0.36.1-pr-399-c803774

11 months ago

0.36.1-pr-399-189c9be

11 months ago

0.36.1-pr-399-b4aa7f4

11 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

12 months ago

0.31.5-pr-361-6e6b2e9

12 months ago

0.31.4-pr-354-e508849

12 months ago

0.30.2-pr-341-a9a9dfa

12 months ago

0.29.6-preview-42e87855a29f6acb2b675b3b89b57f85f867f0d8

12 months ago

0.31.4-pr-355-e2c557b

12 months ago

0.29.1-main-dea65a09822ae1aca4577e415d9bf78d53b0657f

12 months ago

0.31.0-pr-343-744697c

12 months ago

0.31.5-pr-363-19f3f58

12 months ago

0.31.5-pr-364-c24fd47

12 months ago

0.32.0-main-9a20224

12 months ago

0.32.0

12 months ago

0.33.0-main-aa757db

12 months ago

0.29.2-preview-e11a3c91846df358fff66f439d59204d8c03ace4

12 months ago

0.29.0

12 months ago

0.29.5-preview-1df2be95d9a12f0ff645a3d76f3ce854408c53e1

12 months ago

0.29.7-pr-334-bfa53f0a20bf153dbaf2403b53936a6e3177b6fa

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

0.30.0-main-ac45fc9c2ac3d2ddb2374cb6ea642e58635f6650

12 months ago

0.29.2

12 months ago

0.29.1

12 months ago

0.30.3-pr-340-c99dd63

12 months ago

0.29.2-main-56f3a600cc96aa6fa675af3e41dc192e97f01461

12 months ago

0.31.5-pr-366-9ee4ecb

12 months ago

0.31.6-pr-362-7c91e19

12 months ago

0.33.0

12 months ago

0.31.4-pr-351-ca29eb6

12 months ago

0.35.1-pr-388-b9c9589

12 months ago

0.32.0-main-5a2cfe3

12 months ago

0.31.6-pr-362-aa41204

12 months ago

0.31.7-pr-371-8bb60be

12 months ago

0.31.1-pr-340-1d7fcb7

12 months ago

0.34.0-pr-381-447be41

12 months ago

0.29.7-main-a9bf3c474e20ececa386cddb6e861bcb52651f3f

12 months ago

0.31.6-pr-367-4fb9e4b

12 months ago

0.31.3-main-1ffb4b5

12 months ago

0.31.5-pr-365-af2a2ee

12 months ago

0.32.0-pr-371-1beac3c

12 months ago

0.32.1-main-58d0388

12 months ago

0.33.2-pr-380-20835f5

12 months ago

0.31.4-pr-356-0d039d0

12 months ago

0.31.6-main-450b612

12 months ago

0.34.2-pr-384-8a75adc

12 months ago

0.31.5-main-11f468c

12 months ago

0.29.3-pr-308-ac1479a55868d1f31575331ce7f2569d28f1741d

12 months ago

0.31.4-pr-353-34f3652

12 months ago

0.30.1

12 months ago

0.30.0

12 months ago

0.29.5-main-01f20fb80e221b5d0daa78743583424c683b382c

12 months ago

0.31.5-pr-364-eaf9148

12 months ago

0.31.4-pr-355-7b38708

12 months ago

0.31.2-pr-341-28ddc0e

12 months ago

0.29.0-main-3c29c368ced7dd17a7768b048c576ec1c6392472

12 months ago

0.32.1-pr-376-4b2d4d2

12 months ago

0.33.1-pr-379-1abca23

12 months ago

0.34.1-pr-380-68540fe

12 months ago

0.31.6

12 months ago

0.31.5-pr-365-b8aa832

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

0.34.2-pr-383-21962a6

12 months ago

0.35.0-pr-387-713d321

12 months ago

0.31.5-main-64c291f

12 months ago

0.31.4-pr-351-9acbc4d

12 months ago

0.34.1-pr-382-ee2dad1

12 months ago

0.30.1-pr-321-a0fb1a14a1782ed0ef397e7c20b25e89a7f0e9af

12 months ago

0.31.1

12 months ago

0.31.0

12 months ago

0.29.3-main-681785bdd135ba9a205130bbbc381d32919cf7e3

12 months ago

0.33.1-pr-378-e1f7512

12 months ago

0.31.7-pr-369-cda4066

12 months ago

0.31.3-pr-347-d01e9a6

12 months ago

0.33.1-pr-375-4a9bb22

12 months ago

0.32.2-pr-375-0f5502e

12 months ago

0.30.1-pr-335-a996f44092ffbd6dc30657d1ba4a3acecdaa1607

12 months ago

0.31.1-pr-345-50c9bed

12 months ago

0.34.2-pr-385-578e827

12 months ago

0.31.5-main-28022d0

12 months ago

0.34.0-main-cdac8d4

12 months ago

0.30.0-pr-334-6e9538b0b5f37f78f54b4b9b003e2442b7c7cfa5

12 months ago

0.35.0-main-5c3d337

12 months ago

0.33.0-pr-377-9ec3fa7

12 months ago

0.31.4-pr-353-151b693

12 months ago

0.31.1-main-fa88dca

12 months ago

0.31.2-main-d40b0b7

12 months ago

0.30.2-pr-336-4c35f1c0565a40e721c6882b4d54aa9e63fcd7ec

12 months ago

0.30.1-pr-329-1f87dd45771219de646cabbc6a9cdcf564d6ee89

12 months ago

0.30.2-main-296748c

12 months ago

0.34.2-main-9c0923b

12 months ago

0.32.1-pr-374-4f67061

12 months ago

0.29.0-main-7f719cc474396d3fdaa82aad379c5b29c6b03696

12 months ago

0.31.5-main-4eecdf3

12 months ago

0.32.1-pr-372-c071a63

12 months ago

0.33.1-pr-379-eabd6c9

12 months ago

0.34.1-main-b0708e3

12 months ago

0.31.4-pr-353-3f174d3

12 months ago

0.29.4-main-9fc7a98ba855f449b65819417247881dab336598

12 months ago

0.30.1-pr-335-4be4de01de5026a5585ce1d7c56aa448c23337c7

12 months ago

0.32.0-pr-370-6fbe643

12 months ago

0.31.4-pr-359-2ae6832

12 months ago

0.35.2-pr-391-8606e46

11 months ago

0.31.4-pr-353-45bfeb4

12 months ago

0.31.3-pr-348-0e6b1fe

12 months ago

0.31.5-pr-365-32714e2

12 months ago

0.30.2-pr-339-42e2f9d

12 months ago

0.29.0-main-3c55d250946fa920e371d914f7733217cf47ea16

12 months ago

0.31.4-main-9c1db2e

12 months ago

0.31.4-pr-360-7f41c9c

12 months ago

0.30.1-main-be193e39d16bfeeef4cbadde8be5067e91258419

12 months ago

0.30.2-pr-336-1acef5d9dce6cfac53d8123e07ba308d838c6b38

12 months ago

0.31.6-pr-368-3913af2

12 months ago

0.31.4-pr-351-883c7e9

12 months ago

0.31.5-pr-363-a10824d

12 months ago

0.34.0-pr-381-5118ab3

12 months ago

0.35.1-pr-389-ffab390

11 months ago

0.30.1-pr-335-7d7ea4331ba4d1c96965258b7641987ead80c3c8

12 months ago

0.31.4-pr-349-ee36c87

12 months ago

0.31.4-pr-351-c078ce1

12 months ago

0.31.4-pr-353-0c7802e

12 months ago

0.30.2-pr-341-0f75f34

12 months ago

0.30.2-pr-336-81cff7d92cda7e607c27128f6b9c00f13d4498a5

12 months ago

0.31.4-pr-356-37e3624

12 months ago

0.34.2

12 months ago

0.30.2-pr-343-c5ed841

12 months ago

0.34.1

12 months ago

0.34.3-pr-386-62f8c29

12 months ago

0.34.0

12 months ago

0.30.1-pr-335-7ad1770f52515b697209d031d2682aef10bc7ace

12 months ago

0.31.1-pr-345-742c05c

12 months ago

0.32.0-pr-370-b9fd405

12 months ago

0.29.6-main-165ca68518c3581666b6e33c8d5aab63525fa55b

12 months ago

0.31.4-pr-355-42550e3

12 months ago

0.31.4-pr-360-22c2d72

12 months ago

0.31.4-pr-360-caea234

12 months ago

0.30.2-pr-337-0d9156d

12 months ago

0.33.1-main-cd36eda

12 months ago

0.30.2-pr-343-48c74f3

12 months ago

0.29.3-main-a7c78f4eab3641a2221552543b73150a3fcdc388

12 months ago

0.31.5-pr-363-92e0ff7

12 months ago

0.31.5-pr-366-5699f20

12 months ago

0.35.1

11 months ago

0.31.7-pr-370-1454864

12 months ago

0.35.0

12 months ago

0.32.1-pr-372-80c4014

12 months ago

0.31.2-pr-346-aa346ed

12 months ago

0.31.4-pr-351-eacec70

12 months ago

0.34.2-pr-385-29cdcec

12 months ago

0.31.5-pr-363-76f7d5e

12 months ago

0.31.0-main-4303a90

12 months ago

0.35.0-pr-387-3c4513b

12 months ago

0.31.6-pr-348-1910b5a

12 months ago

0.32.1-pr-376-fb357af

12 months ago

0.29.3-main-f1a0a237a204aee555e5a2fb166b8f143377cc21

12 months ago

0.29.6-preview-013f56b1a22d35d33b9262252a39d82c74dcc2b1

12 months ago

0.31.5-pr-359-a9c5482

12 months ago

0.30.0-pr-333-eee65b6f2761cf0c20728df728050b925c82de65

12 months ago

0.29.0-main-17838cfb4e649cabc20b78f1d60c3a9bc041a626

1 year ago

0.29.0-main-366ffa92a1958894c5b4ec060a5008a4ef380c45

12 months ago

0.29.0-main-0fbc99b33cf927b44eb5c6bf21d4f841e42dfa16

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

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

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

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