56 řádky
1.3 KiB
TypeScript
56 řádky
1.3 KiB
TypeScript
import * as React from "react";
|
|
import * as ReactDOM from "react-dom/client";
|
|
import "./index.css";
|
|
|
|
import {
|
|
configureChains,
|
|
createClient,
|
|
defaultChains,
|
|
WagmiConfig,
|
|
} from "wagmi";
|
|
import { CoinbaseWalletConnector } from "wagmi/connectors/coinbaseWallet";
|
|
import { InjectedConnector } from "wagmi/connectors/injected";
|
|
import { WalletConnectConnector } from "wagmi/connectors/walletConnect";
|
|
import { alchemyProvider } from "wagmi/providers/alchemy";
|
|
|
|
import { App } from "./App";
|
|
|
|
const { chains, provider, webSocketProvider } = configureChains(defaultChains, [
|
|
alchemyProvider({ apiKey: import.meta.env.VITE_ALCHEMY_API_KEY as string }),
|
|
]);
|
|
|
|
const client = createClient({
|
|
autoConnect: true,
|
|
connectors: [
|
|
new InjectedConnector({
|
|
chains,
|
|
options: {
|
|
name: "Browser",
|
|
shimDisconnect: true,
|
|
},
|
|
}),
|
|
new CoinbaseWalletConnector({
|
|
chains,
|
|
options: {
|
|
appName: "wagmi",
|
|
},
|
|
}),
|
|
new WalletConnectConnector({
|
|
chains,
|
|
options: {
|
|
qrcode: true,
|
|
},
|
|
}),
|
|
],
|
|
provider,
|
|
webSocketProvider,
|
|
});
|
|
|
|
ReactDOM.createRoot(document.getElementById("root")!).render(
|
|
<React.StrictMode>
|
|
<WagmiConfig client={client}>
|
|
<App />
|
|
</WagmiConfig>
|
|
</React.StrictMode>,
|
|
);
|