reactjs - ฉันจะแก้ปัญหาเกี่ยวกับ useRef ของ NextJS ได้อย่างไร?

ฉันกำลังสร้างหน้า SSG โดยใช้ Nextjs ฉันได้นำเข้า model-viewer โดยการเขียนแท็ก แทนที่จะใช้ ของ Next.js และฉันต้องการให้ AR ทำงานโดยอัตโนมัติเมื่อผู้ใช้เข้ามาที่หน้านี้ ดังนั้นฉันจึงเรียก activateAR() ใน useEffect() โดยใช้ useRef แต่เกิดข้อผิดพลาดเนื่องจากค่าของ useRef เป็น 'null'

การใช้ 'next/link', ข้อผิดพลาดแรก -> รีเฟรช? มันใช้งานได้.
การใช้หรือลิงก์ URL โดยตรงบนเบราว์เซอร์ สามารถใช้งานได้โดยไม่มีข้อผิดพลาด แม้ว่าจะมีการแสดงค่า null บนหน้าต่างคอนโซลในตอนแรก

โปรดช่วยส่องแสงให้ทางของนักพัฒนาของฉันด้วย 👼

โอ้ หน้านี้คือ SSG พร้อมการจัดเส้นทางแบบไดนามิก

const viewer = useRef<any>(null);

useEffect(()=>{
function loadArFile() {
 viewer.current?.activateAR();
}

 viewer && loadArFile();
}
,[])

<Head>
        <title>argateway</title>
        <script
          type="module"
          src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"
        />
</Head>

<model-viewer
        ref={viewer} />