Prolink RPC Link Format Implementation

examples/testapp/src/components/Layout.tsx

@@ -36,6 +36,7 @@ const PAGES = [
   '/payment',
   '/pay-playground',
   '/subscribe-playground',
+  '/prolink-playground',
 ];
 
 export function Layout({ children }: LayoutProps) {

examples/testapp/src/pages/index.page.tsx

@@ -23,8 +23,7 @@ import { useEIP1193Provider } from '../context/EIP1193ProviderContextProvider';
 
 export default function Home() {
   const { provider } = useEIP1193Provider();
-  // @ts-expect-error refactor soon
-  const [connected, setConnected] = React.useState(Boolean(provider?.connected));
+  const [connected, setConnected] = React.useState(false);
   const [chainId, setChainId] = React.useState<number | undefined>(undefined);
   // This is for Extension compatibility, Extension with SDK3.9 does not emit connect event
   // correctly, so we manually check if the extension is connected, and set the connected state
@@ -40,21 +39,19 @@ export default function Home() {
       setConnected(true);
     });
     provider?.on('chainChanged', (newChainId) => {
-      // @ts-expect-error refactor soon
-      setChainId(newChainId);
+      setChainId(Number.parseInt(newChainId as string, 16));
     });
   }, [provider]);
 
   useEffect(() => {
     if (connected) {
       provider?.request({ method: 'eth_chainId' }).then((chainId) => {
-        // @ts-expect-error refactor soon
-        setChainId(Number.parseInt(chainId, 16));
+        setChainId(Number.parseInt(chainId as string, 16));
       });
     }
 
     // Injected provider does not emit a 'connect' event
-    // @ts-expect-error refactor soon
+    // @ts-expect-error isCoinbaseBrowser only exists on injected providers
     if (provider?.isCoinbaseBrowser) {
       setConnected(true);
     }