Using Multi Injected Provider Discovery (EIP-6963)

import { createStore } from 'mipd';
import { useSyncExternalStore } from 'react';
 
const store = createStore();
 
function useProviders() {
  return useSyncExternalStore(store.subscribe, store.getProviders);
}
 
function usePasskeysProvider() {
  const providers = useProviders();
  return providers.find((provider) => provider.info.rdns === 'network.passkeys');
}