@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

9 months ago

0.36.2-pr-399-3c2e80a

9 months ago

0.36.2-pr-399-033d287

9 months ago

0.36.1-pr-418-190bdcf

9 months ago

0.36.2-pr-420-9a5bf15

9 months ago

0.36.1-pr-418-02795b7

9 months ago

0.36.1

9 months ago

0.36.1-main-b0ef68f

9 months ago

0.36.2-pr-419-fd731c2

9 months ago

0.36.1-pr-399-6453f26

9 months ago

0.36.1-pr-399-3fa337d

9 months ago

0.36.1-pr-399-7f20be3

9 months ago

0.36.1-pr-399-b4f03b0

9 months ago

0.36.1-pr-399-34ca48f

9 months ago

0.36.1-pr-399-6d85564

9 months ago

0.36.1-pr-399-916b3a3

9 months ago

0.36.1-pr-399-f0a8783

9 months ago

0.36.1-pr-399-8b5c9b4

9 months ago

0.36.1-pr-399-e944d93

9 months ago

0.36.1-pr-399-1cc488d

9 months ago

0.36.1-pr-399-bb86987

9 months ago

0.36.1-pr-399-f0ae40c

9 months ago

0.36.1-pr-399-70508a4

9 months ago

0.36.1-pr-399-c803774

9 months ago

0.36.1-pr-399-189c9be

9 months ago

0.36.1-pr-399-b4aa7f4

9 months ago

0.36.1-pr-399-fa0c6b6

9 months ago

0.36.1-pr-399-d5fcafd

9 months ago

0.36.1-pr-399-371b58c

9 months ago

0.36.1-pr-399-3df96bc

10 months ago

0.36.1-pr-400-35055a1

10 months ago

0.36.1-pr-400-c627695

10 months ago

0.36.1-pr-400-01e21e4

10 months ago

0.36.1-pr-400-79b9e8e

10 months ago

0.36.1-pr-400-581d637

10 months ago

0.36.1-pr-400-59df07f

10 months ago

0.36.1-pr-400-260aa72

10 months ago

0.36.1-pr-399-2cf8290

10 months ago

0.36.1-pr-400-70b7139

10 months ago

0.36.1-pr-402-8ef31f1

10 months ago

0.36.0-pr-403-e43bf45

10 months ago

0.35.2-pr-405-3b571a7

10 months ago

0.36.0-pr-404-5f2537a

10 months ago

0.36.0

10 months ago

0.35.2-pr-397-68a91c8

10 months ago

0.36.0-main-57dc2f6

10 months ago

0.36.1-pr-406-be19971

10 months ago

0.36.0-pr-404-b02595f

10 months ago

0.35.2-pr-400-234980b

10 months ago

0.35.2-main-9d5e004

10 months ago

0.36.1-pr-408-2e27652

10 months ago

0.35.2-pr-395-7118aec

10 months ago

0.35.2-pr-396-97d4da4

10 months ago

0.35.2-pr-394-615f5b1

10 months ago

0.35.2-pr-394-7f17532

10 months ago

0.35.2-pr-396-cb673ad

10 months ago

0.35.2-pr-400-103dd6e

10 months ago

0.35.2-pr-394-67564b3

10 months ago

0.35.2-pr-399-ca7ee16

10 months ago

0.35.2-pr-394-7de8580

10 months ago

0.35.2-pr-403-fe7bd2f

10 months ago

0.35.2-pr-394-c81515b

10 months ago

0.35.2-pr-397-54d7f94

10 months ago

0.36.0-pr-404-4ea3721

10 months ago

0.35.2-pr-397-9ebe044

10 months ago

0.35.2-pr-397-8b9a882

10 months ago

0.35.2-pr-394-1459bd3

10 months ago

0.35.2-pr-404-331f287

10 months ago

0.35.2-pr-394-9573335

10 months ago

0.35.2-pr-401-b910e0d

10 months ago

0.35.2-pr-397-1459bd3

10 months ago

0.35.2-pr-394-8a4e21f

10 months ago

0.35.2-pr-396-cd33548

10 months ago

0.35.2-pr-396-1bf430d

10 months ago

0.35.2-pr-394-57e9b29

10 months ago

0.36.0-pr-403-17936bd

10 months ago

0.35.3-pr-402-883e401

10 months ago

0.35.2-pr-394-8cdca67

10 months ago

0.35.2-main-46000eb

10 months ago

0.35.2-pr-392-b137793

10 months ago

0.35.1-pr-392-1b7787a

10 months ago

0.35.2-pr-393-70794a5

10 months ago

0.35.1-main-d6e12c9

10 months ago

0.31.5-pr-363-816dca3

10 months ago

0.31.5-pr-361-6e6b2e9

10 months ago

0.31.4-pr-354-e508849

10 months ago

0.30.2-pr-341-a9a9dfa

10 months ago

0.29.6-preview-42e87855a29f6acb2b675b3b89b57f85f867f0d8

10 months ago

0.31.4-pr-355-e2c557b

10 months ago

0.29.1-main-dea65a09822ae1aca4577e415d9bf78d53b0657f

10 months ago

0.31.0-pr-343-744697c

10 months ago

0.31.5-pr-363-19f3f58

10 months ago

0.31.5-pr-364-c24fd47

10 months ago

0.32.0-main-9a20224

10 months ago

0.32.0

10 months ago

0.33.0-main-aa757db

10 months ago

0.29.2-preview-e11a3c91846df358fff66f439d59204d8c03ace4

10 months ago

0.29.0

10 months ago

0.29.5-preview-1df2be95d9a12f0ff645a3d76f3ce854408c53e1

10 months ago

0.29.7-pr-334-bfa53f0a20bf153dbaf2403b53936a6e3177b6fa

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

0.30.0-main-ac45fc9c2ac3d2ddb2374cb6ea642e58635f6650

10 months ago

0.29.2

10 months ago

0.29.1

10 months ago

0.30.3-pr-340-c99dd63

10 months ago

0.29.2-main-56f3a600cc96aa6fa675af3e41dc192e97f01461

10 months ago

0.31.5-pr-366-9ee4ecb

10 months ago

0.31.6-pr-362-7c91e19

10 months ago

0.33.0

10 months ago

0.31.4-pr-351-ca29eb6

10 months ago

0.35.1-pr-388-b9c9589

10 months ago

0.32.0-main-5a2cfe3

10 months ago

0.31.6-pr-362-aa41204

10 months ago

0.31.7-pr-371-8bb60be

10 months ago

0.31.1-pr-340-1d7fcb7

10 months ago

0.34.0-pr-381-447be41

10 months ago

0.29.7-main-a9bf3c474e20ececa386cddb6e861bcb52651f3f

10 months ago

0.31.6-pr-367-4fb9e4b

10 months ago

0.31.3-main-1ffb4b5

10 months ago

0.31.5-pr-365-af2a2ee

10 months ago

0.32.0-pr-371-1beac3c

10 months ago

0.32.1-main-58d0388

10 months ago

0.33.2-pr-380-20835f5

10 months ago

0.31.4-pr-356-0d039d0

10 months ago

0.31.6-main-450b612

10 months ago

0.34.2-pr-384-8a75adc

10 months ago

0.31.5-main-11f468c

10 months ago

0.29.3-pr-308-ac1479a55868d1f31575331ce7f2569d28f1741d

10 months ago

0.31.4-pr-353-34f3652

10 months ago

0.30.1

10 months ago

0.30.0

10 months ago

0.29.5-main-01f20fb80e221b5d0daa78743583424c683b382c

10 months ago

0.31.5-pr-364-eaf9148

10 months ago

0.31.4-pr-355-7b38708

10 months ago

0.31.2-pr-341-28ddc0e

10 months ago

0.29.0-main-3c29c368ced7dd17a7768b048c576ec1c6392472

10 months ago

0.32.1-pr-376-4b2d4d2

10 months ago

0.33.1-pr-379-1abca23

10 months ago

0.34.1-pr-380-68540fe

10 months ago

0.31.6

10 months ago

0.31.5-pr-365-b8aa832

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

0.34.2-pr-383-21962a6

10 months ago

0.35.0-pr-387-713d321

10 months ago

0.31.5-main-64c291f

10 months ago

0.31.4-pr-351-9acbc4d

10 months ago

0.34.1-pr-382-ee2dad1

10 months ago

0.30.1-pr-321-a0fb1a14a1782ed0ef397e7c20b25e89a7f0e9af

10 months ago

0.31.1

10 months ago

0.31.0

10 months ago

0.29.3-main-681785bdd135ba9a205130bbbc381d32919cf7e3

10 months ago

0.33.1-pr-378-e1f7512

10 months ago

0.31.7-pr-369-cda4066

10 months ago

0.31.3-pr-347-d01e9a6

10 months ago

0.33.1-pr-375-4a9bb22

10 months ago

0.32.2-pr-375-0f5502e

10 months ago

0.30.1-pr-335-a996f44092ffbd6dc30657d1ba4a3acecdaa1607

10 months ago

0.31.1-pr-345-50c9bed

10 months ago

0.34.2-pr-385-578e827

10 months ago

0.31.5-main-28022d0

10 months ago

0.34.0-main-cdac8d4

10 months ago

0.30.0-pr-334-6e9538b0b5f37f78f54b4b9b003e2442b7c7cfa5

10 months ago

0.35.0-main-5c3d337

10 months ago

0.33.0-pr-377-9ec3fa7

10 months ago

0.31.4-pr-353-151b693

10 months ago

0.31.1-main-fa88dca

10 months ago

0.31.2-main-d40b0b7

10 months ago

0.30.2-pr-336-4c35f1c0565a40e721c6882b4d54aa9e63fcd7ec

10 months ago

0.30.1-pr-329-1f87dd45771219de646cabbc6a9cdcf564d6ee89

10 months ago

0.30.2-main-296748c

10 months ago

0.34.2-main-9c0923b

10 months ago

0.32.1-pr-374-4f67061

10 months ago

0.29.0-main-7f719cc474396d3fdaa82aad379c5b29c6b03696

10 months ago

0.31.5-main-4eecdf3

10 months ago

0.32.1-pr-372-c071a63

10 months ago

0.33.1-pr-379-eabd6c9

10 months ago

0.34.1-main-b0708e3

10 months ago

0.31.4-pr-353-3f174d3

10 months ago

0.29.4-main-9fc7a98ba855f449b65819417247881dab336598

10 months ago

0.30.1-pr-335-4be4de01de5026a5585ce1d7c56aa448c23337c7

10 months ago

0.32.0-pr-370-6fbe643

10 months ago

0.31.4-pr-359-2ae6832

10 months ago

0.35.2-pr-391-8606e46

10 months ago

0.31.4-pr-353-45bfeb4

10 months ago

0.31.3-pr-348-0e6b1fe

10 months ago

0.31.5-pr-365-32714e2

10 months ago

0.30.2-pr-339-42e2f9d

10 months ago

0.29.0-main-3c55d250946fa920e371d914f7733217cf47ea16

10 months ago

0.31.4-main-9c1db2e

10 months ago

0.31.4-pr-360-7f41c9c

10 months ago

0.30.1-main-be193e39d16bfeeef4cbadde8be5067e91258419

10 months ago

0.30.2-pr-336-1acef5d9dce6cfac53d8123e07ba308d838c6b38

10 months ago

0.31.6-pr-368-3913af2

10 months ago

0.31.4-pr-351-883c7e9

10 months ago

0.31.5-pr-363-a10824d

10 months ago

0.34.0-pr-381-5118ab3

10 months ago

0.35.1-pr-389-ffab390

10 months ago

0.30.1-pr-335-7d7ea4331ba4d1c96965258b7641987ead80c3c8

10 months ago

0.31.4-pr-349-ee36c87

10 months ago

0.31.4-pr-351-c078ce1

10 months ago

0.31.4-pr-353-0c7802e

10 months ago

0.30.2-pr-341-0f75f34

10 months ago

0.30.2-pr-336-81cff7d92cda7e607c27128f6b9c00f13d4498a5

10 months ago

0.31.4-pr-356-37e3624

10 months ago

0.34.2

10 months ago

0.30.2-pr-343-c5ed841

10 months ago

0.34.1

10 months ago

0.34.3-pr-386-62f8c29

10 months ago

0.34.0

10 months ago

0.30.1-pr-335-7ad1770f52515b697209d031d2682aef10bc7ace

10 months ago

0.31.1-pr-345-742c05c

10 months ago

0.32.0-pr-370-b9fd405

10 months ago

0.29.6-main-165ca68518c3581666b6e33c8d5aab63525fa55b

10 months ago

0.31.4-pr-355-42550e3

10 months ago

0.31.4-pr-360-22c2d72

10 months ago

0.31.4-pr-360-caea234

10 months ago

0.30.2-pr-337-0d9156d

10 months ago

0.33.1-main-cd36eda

10 months ago

0.30.2-pr-343-48c74f3

10 months ago

0.29.3-main-a7c78f4eab3641a2221552543b73150a3fcdc388

10 months ago

0.31.5-pr-363-92e0ff7

10 months ago

0.31.5-pr-366-5699f20

10 months ago

0.35.1

10 months ago

0.31.7-pr-370-1454864

10 months ago

0.35.0

10 months ago

0.32.1-pr-372-80c4014

10 months ago

0.31.2-pr-346-aa346ed

10 months ago

0.31.4-pr-351-eacec70

10 months ago

0.34.2-pr-385-29cdcec

10 months ago

0.31.5-pr-363-76f7d5e

10 months ago

0.31.0-main-4303a90

10 months ago

0.35.0-pr-387-3c4513b

10 months ago

0.31.6-pr-348-1910b5a

10 months ago

0.32.1-pr-376-fb357af

10 months ago

0.29.3-main-f1a0a237a204aee555e5a2fb166b8f143377cc21

10 months ago

0.29.6-preview-013f56b1a22d35d33b9262252a39d82c74dcc2b1

10 months ago

0.31.5-pr-359-a9c5482

10 months ago

0.30.0-pr-333-eee65b6f2761cf0c20728df728050b925c82de65

10 months ago

0.29.0-main-17838cfb4e649cabc20b78f1d60c3a9bc041a626

10 months ago

0.29.0-main-366ffa92a1958894c5b4ec060a5008a4ef380c45

10 months ago

0.29.0-main-0fbc99b33cf927b44eb5c6bf21d4f841e42dfa16

10 months ago

0.29.0-main-6b8963c80beb14b79b8a42f84e6ecd7fee519fd2

10 months ago

0.28.2-main-50488ae7ab7c41202fa48234ef977978a752d992

10 months ago

0.29.0-main-507c73f429f94187e3bdc01238474334b112e510

10 months ago

0.29.0-main-65924f35f2e76dc0f334bc68914806205ec10bfc

10 months ago

0.28.2-main-e2c514959a54918a7a99f2730b68e83fc68daa2b

10 months ago

0.28.2-main-ca76a505967340f5085a271073710097d538b9d6

11 months ago

0.28.1-main-b789ad04054d4c7a57b0e6c14e33dd83cb479013

11 months ago

0.28.2-preview-e63f612950627980c2b9782d9a731752c639ac3d

10 months ago

0.28.2-preview-934012c3935f6f492ffdbcfe0085d22e7eef92a5

11 months ago

0.28.1-main-ed0f8b2fbdc6610457287fa668be7fb7779ca749

11 months ago

0.28.1

11 months ago

0.28.0-main-eea98c991ed9aca318f65743f2734d5aa32e2e0e

11 months ago

0.28.0-pr-252-880cf8549c595f4911e0403b31bcd5cabd92db19

11 months ago

0.28.0-main-c321b2510cd72074e82ffe1072b25c93db0d03c6

11 months ago

0.28.0-main-d10db6d28e74d958addbb113ec07bd75c0821e74

11 months ago

0.28.0-main-1f6ee8679994528ae36faec51535a183d582a58b

11 months ago

0.28.0-pr-252-f1766572a9c1137a4c2dbaca0307fcfeb7829af2

11 months ago

0.28.0

11 months ago

0.28.0-pr-251-f01a9ddfae85d2ffdf5e67181ebabfd2cb32bfc9

11 months ago

0.28.0-pr--0dfda2bec629e572a34ad61e9401b13aefed16cb

11 months ago

0.27.2-main-b662c8d36f078764a4f6a146ad9758db3882e5ac

11 months ago

0.28.0-pr-251-eafc1ab4a8e52ac9562c48f63e6eae82e93561ae

11 months ago

0.28.0-pr-251-ccf7ce112bc7d9118f8e1563a46933945866ceaf

11 months ago

0.28.0-pr-251-ffbc50b009b2c1a348bd56ca4fe2ae8cd7542e45

11 months ago

0.27.1-pr-240-981ad68d2b7feb6ad7958ad02cf6b4f6d0607d35

11 months ago

0.27.1-main-9b6b7d3d271aa68fab01c6d236095cc2537b100e

11 months ago

0.27.0-main-083bf92b594c7d1eee9e7225f909e1e140aef809

11 months ago

0.27.1

11 months ago

0.27.0

11 months ago

0.27.0-preview-be65f7d661913757360eb9f2712d5579dc422863

11 months ago

0.27.1-pr-225-09c5574f2030a794bdf4c61cb713e750627a319a

11 months ago

0.27.1-main-57ba758b8952fcad9c9ecd5813c22fab0d5af0e4

11 months ago

0.27.0-pr-230-e5df61d28d6fafe7e2d17c0c544fdb1280e5d4f8

11 months ago

0.27.0-pr-231-be65f7d661913757360eb9f2712d5579dc422863

11 months ago

0.27.0-main-1d90228e5425ab4dc8018f72e09797ef385f2ab6

11 months ago

0.26.0-main-2c194a46f144c82a0f9a3205d79ef58f938eb297

11 months ago

0.26.0-pr-208-b8510d31d999a5da4fefe7d6bb3cc070ed666275

11 months ago

0.26.0

11 months ago

0.24.0-main-533abbfd163ad377faf2239d768a15821f6f5611

12 months ago

0.24.0-main-ed5fb440b1b0739fbeb616156864d9ba6da3ac07

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

0.24.0-main-d175142c7efb3f7134ddef2eae4d318f18bce7ed

12 months ago

0.24.0-main-98df6e304f67a8aa6f43eec9194d179ebfd42725

12 months ago

0.21.0-pr-91-92045c5

1 year ago

0.25.0-main-6c313dfcac480a345acbf4d1b7a70168ef07f8d5

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

0.26.0-pr-208-7fc22a99ee9d8cb004fd401fe1d4944a50cb8df5

11 months ago

0.25.0

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

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 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

1 year ago

1 year ago