yarn add @tailwindzone/connect-web3-react

import { MetaMask } from "@web3-react/metamask"

const metaMaskConnector = initializeConnector(
  actions => new MetaMask({ actions })
);

const connectors = [
  metaMaskConnector,
  tailwindConnector
];

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <Web3ReactProvider
      connectors={connectors}
    >
      { /* Your app goes here */ } 
      <App />
    </Web3ReactProvider>
  </React.StrictMode>,
);

import { useWeb3React } from "@web3-react/core"

function App() {
  const {
    connector,
    provider
  } = useWeb3React()

  return (
    <>
      <button onClick={() => {
        const [tailwind] = tailwindConnector
        tailwind.connectEagerly().catch(console.error)
      }}>
        Connect to TAILWIND
      </button>

      {connector && (<button onClick={async () => {
        // send transaction to JSON RPC
        await provider.sendTransaction(tx);
      }}>
        Sign Transaction
      </button>)}
    </>
 );
}