diff --git a/packages/features/auth/src/captcha/client/captcha-provider.tsx b/packages/features/auth/src/captcha/client/captcha-provider.tsx index 8dcb769d0..cf821f3dd 100644 --- a/packages/features/auth/src/captcha/client/captcha-provider.tsx +++ b/packages/features/auth/src/captcha/client/captcha-provider.tsx @@ -1,6 +1,6 @@ 'use client'; -import { createContext, useState } from 'react'; +import { createContext, useCallback, useRef, useState } from 'react'; import { TurnstileInstance } from '@marsidev/react-turnstile'; @@ -23,10 +23,16 @@ export const Captcha = createContext<{ export function CaptchaProvider(props: { children: React.ReactNode }) { const [token, setToken] = useState(''); - const [instance, setInstance] = useState(null); + const instanceRef = useRef(null); + + const setInstance = useCallback((ref: TurnstileInstance) => { + instanceRef.current = ref; + }, []); return ( - + {props.children} );