@aptos-labs/js-pro@aptos-labs/js-pro

import { AptosJSCoreProvider } from '@aptos-labs/react';
import { useWalletAdapterCore } from '@aptos-labs/react/connectors';
import { AptosWalletAdapterProvider, useWallet } from '@aptos-labs/wallet-adapter-react';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
const queryClient = new QueryClient();
 
function AptosCoreProvider({ children }: { children: React.ReactNode }) {
  const wallet = useWallet();
 
  const core = useWalletAdapterCore({ wallet });
 
  return <AptosJSCoreProvider core={core}>{children}</AptosJSCoreProvider>;
}
 
export default function App() {
  return (
    <AptosWalletAdapterProvider>
      <QueryClientProvider client={queryClient}>
        <AptosCoreProvider>{/* <AppComponent /> */}</AptosCoreProvider>
      </QueryClientProvider>
    </AptosWalletAdapterProvider>
  );
}