React Next PWA A2HS


  • Level 3

    정보

    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 문의를 진행해봤는데, 개발팀에서는 브라우저 문제가 아닐거라고 답장이 왔습니다. 그래서 이부분에 대해 조언을 부탁합니다.