Working with environments that have both v1 and v2 embedded wallets

import { useEmbeddedWallet, useDynamicContext } from “@dynamic-labs/sdk-react-core”

// component declaration and all other logic you might need
const {
    createOrRestoreSession,
    isSessionActive,
    sendOneTimeCode,
    userHasEmbeddedWallet
} = useEmbeddedWallet();
const { primaryWallet } = useDynamicContext();


const oneTimeCodeSent = useRef(false);

useEffect(() => {
   const startSession = () => {
        try {
            if (isSessionActive) return;
            createOrRestoreSession();
        } catch (err) {
        return;
        }
    };

    startSession();
}, []);

const onSendOneTimeCodeHandler = async () => {
    if(!isSessionActive) {
        try {
            await sendOneTimeCode();
            oneTimeCodeSent.current = true;
            return;
        } catch(e) {
            console.error(e)
        }
    }
    else return;
}

const onCreateSessionHandler: FormEventHandler<HTMLFormElement> = async (event) => {
    try {
    event.stopPropagation();
    event.preventDefault();

    if (!primaryWallet || !userHasEmbeddedWallet()) return;

    const otc = event.currentTarget.otc.value;

    await createOrRestoreSession({oneTimeCode: otc})
        .then((result) => setResult(result))
        .catch((error) => setResult(JSON.stringify(error, null, 2)));
    } catch (err) {
        logger.error(err);
    }
};

const handleTransaction = async () => {
    const provider = await primaryWallet.connector.getSigner<
      WalletClient<Transport, Chain, Account>
    >();
    if (!provider) return;

    const transaction = {
      account: primaryWallet.address as Hex,
      chain: getChain(await provider.getChainId()),
      to: address as Hex,
      value: amount ? parseEther(amount) : undefined,
    };

    const hash = await provider.sendTransaction(transaction);

    const client =
      await primaryWallet.connector.getPublicClient<PublicClient>();

    const { transactionHash } = await client.getTransactionReceipt({
      hash,
    });
    console.log('Transaction: ' + transactionHash);
}

return (
<>
    {!isSessionActive && (
        <div>
            {!oneTimeCodeSent.current && <button onClick={onSendOneTimeCodeHandler}>Start session</button>}
            {oneTimeCodeSent.current && (
            <form onSubmit={onCreateSessionHandler} className='create-session-method'>
            <p>
                Enter one-time code sent to email to create a session
            </p>

            <input required name='otc' type='text' placeholder='One-time code' />
            <br />
            <button type='submit'>Create session</button>

            </form>
            )}
        <div>
    )}
    {isSessionActive && (
        <div>
            <button type='submit' onClick={handleTransaction}>Send transaction</button>
        <div>
    )}
</>
)