import Script from 'next/script';
import { useEffect, useState } from 'react';
export default function ProductModel(props: {
modelPath: string
}) {
const [windowSize, setWindowSize] = useState({
width: 600,
height: 600,
});
useEffect(() => {
// only execute all the code below in client side
// Handler to call on window resize
function handleResize() {
// Set window width/height to state
setWindowSize({
width: window.innerWidth,
height: window.innerHeight,
});
}
// Add event listener
window.addEventListener("resize", handleResize);
// Call handler right away so state gets updated with initial window size
handleResize();
// Remove event listener on cleanup
return () => window.removeEventListener("resize", handleResize);
}, []); // Empty array ensures that effect is only run on mount
const modelViewerTag = `
`;
return (
<>
);
}