Турникет не отображается на сафари. ⇐ Javascript

[Anonymous]

У меня возникла проблема с интеграцией турникета. Мне нужно, чтобы он изначально отображался на моей странице, независимо от используемого браузера. Все отлично работает в браузере Chrome, но когда я пытаюсь открыть форму входа в Safari, мой турникет просто не появляется на странице. Иногда загружается как положено или когда переключаю страницы, но это занимает около 30 секунд, но работает только 2 попытки из 10. Стек такой: Next.js + js
Я думал, что были проблемы с useEffect или с next-turnstile, но обнаружил, что проблемы нет, я пробовал чистить куки и хранилище браузера, даже открывал в инкогнито, ничего не помогло отладить проблему.
Как изначально загружаю турникет

Код: Выделить всё

  useEffect(() => {

function loadTurn(){
if(!useEffectCheck){

setShowTurnstile(false); // Make Turnstile visible again
setTimeout(() => {
setTurnstileStatus("required"); // Reset status and show Turnstile after a delay
setShowTurnstile(true); // Make Turnstile visible again
}, 1000); // Optional delay before showing Turnstile again
}else{
return
}

}
loadTurn()
setUseEffectCheck(true)
}, []);

Как выглядит мой турникет:

Код: Выделить всё

      {
setTurnstileStatus("error");
console.log("Security check failed. Reload the Page.");
}}
onExpire={() => {
setTurnstileStatus("expired");
console.log("Security check expired. Reload the Page.");
}}
onVerify={() => {
setTurnstileStatus("success");
setError(null);
}}
onLoad={() => {
setTurnstileStatus("required");
}}
/>

В Safari это выглядит так, когда оно не загружено:
Вот так это выглядит в Safari

Подробнее здесь: https://stackoverflow.com/questions/793 ... -on-safari