React Components and Hooks for Cosmos

import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { KeplrWalletAdapter } from "@wizard-ui/core";
import { WizardProvider } from "@wizard-ui/react";
import { GasPrice } from "@cosmjs/stargate";

import "@wizard-ui/react/style.css";

const queryClient = new QueryClient();

function App() {
  const endpoint = "https://rpc-test.osmosis.zone";
  const chainId = "osmo-test-4";
  const wallets = [
    new KeplrWalletAdapter({
      endpoint,
      chainId,
      options: {
        gasPrice: GasPrice.fromString("0.015uosmo"),
      },
    }),
  ];

  return (
    <QueryClientProvider client={queryClient}>
      <WizardProvider endpoint={endpoint} wallets={wallets} chainId={chainId}>
        <Component />
      </WizardProvider>
    </QueryClientProvider>
  );
}