Integrate Torus CustomAuth with Firebase (React)

torus-firebase-react.js

import { useState } from "react";
import TorusSdk from "@toruslabs/torus-direct-web-sdk";

const App = () => {
  const [torusSdk, setTorusSdk] = useState();
	
  const onMount = async () => { 
    const sdk = new TorusSdk({
      baseUrl: `${window.location.origin}/auth`,
      enableLogging: true,
      network: "testnet", // details for test net
    });
    await sdk.init({ skipSw: false });
    setTorusSdk(sdk);
  };
  
  useEffect(() => {
    onMount();
  }, []);
	
  const onClickLogin = async () => {
    if(!torusSdk) return;
    const user = await login();
    const { privateKey, publicAddress } = await torusSdk.getTorusKey("peer-firebase-testnet", user.sub, { verifier_id: user.sub }, user.idToken);
  };
  
  return <Component onClickLogin={onClickLogin} />
}