sync

packages/react/README.md

@@ -43,7 +43,7 @@ A wrapping component:
 ```tsx
 import { Outlet } from 'react-router-dom';
 import { PenumbraProvider } from '@penumbra-zone/react';
-import { usePenumbraTransport } from '@penumbra-zone/react/hooks/use-penumbra-transport';
+import { usePenumbraTransportSync } from '@penumbra-zone/react/hooks/use-penumbra-transport';
 import { TransportProvider } from '@connectrpc/connect-query';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
@@ -52,7 +52,7 @@ const queryClient = new QueryClient();
 
 export const PenumbraDappPage = () => (
   <PenumbraProvider origin={praxOrigin} makeApprovalRequest>
-    <TransportProvider transport={usePenumbraTransport()}>
+    <TransportProvider transport={usePenumbraTransportSync()}>
       <QueryClientProvider client={queryClient}>
         <Outlet />
       </QueryClientProvider>
@@ -88,13 +88,13 @@ may need more complex query and state management.
 ```tsx
 import { AssetId } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
-import { usePenumbraService } from '@penumbra-zone/react/hooks/use-penumbra-service';
+import { usePenumbraServiceSync } from '@penumbra-zone/react/hooks/use-penumbra-service';
 import { ViewService } from '@penumbra-zone/protobuf';
 import { useQuery } from '@tanstack/react-query';
 import { AccountBalancesTable } from './imaginary-components';
 
 export default function AssetBalancesByAccount({ assetIdFilter }: { assetIdFilter: AssetId }) {
-  const viewClient = usePenumbraService(ViewService);
+  const viewClient = usePenumbraServiceSync(ViewService);
 
   const { isPending, data: groupedBalances } = useQuery({
     queryKey: ['balances', assetIdFilter.inner],