React Next PWA A2HS

[think Internation]

정보

Version

• React: 18.2.0
• Next js: 12.3.1

정보

PWA의 A2HS기능을 추가하려고 합니다.

코드

 useEffect(() => {
    const handleBeforeInstallPrompt = (event) => {
      event.preventDefault();

      setDeferredPrompt(event);
    };

    window.addEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
  
    return () => {
      window.removeEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
    };
  }, []);

문제점

Chrome에서는 잘 작동을 하나, 삼성 브라우저에서 작동을 안합니다.
확인결과, 삼성 브라우저에서는 useEffect안으로 진입은 하나, window.addEventListener("beforeinstallprompt", handleBeforeInstallPrompt); 이 부분이 인식이 안되는거 같습니다. (vercel에서는 삼성 브라우저에서도 잘 작동합니다.)
1대1 문의를 진행해봤는데, 개발팀에서는 브라우저 문제가 아닐거라고 답장이 왔습니다. 그래서 이부분에 대해 조언을 부탁합니다.