// ======================================================== import { FunctionComponent, useEffect } from 'react' import dynamic from 'next/dynamic' // ** MUI Components import Box from '@mui/material/Typography' import Grid from '@mui/material/Grid' import Typography from '@mui/material/Typography' import FarmbotSVG from '~/assets/images/farmbot-demo.svg' import FarmbotDemoSVG from '~/components/farmbot/FarmbotDemoSVG' // import Demo from "~/components/threed/Demo" const DynamicCSRDemo = dynamic(() => import('~/components/threed/Demo'), { // loading: () =>

...loading...

, ssr: false, }) const DemoPage: FunctionComponent = (props): JSX.Element => { const word = 'HEY HEY HEY -- DEMO PAGE' const IFrame = () => (
' }} /> ) const IFrameDoc = () => (
` }} /> ) const Video = () => (
' }} /> ) const VideoSameOrigin = () => (
' }} /> ) const SVG = () => ( Farmbot Demo SVG ) useEffect(() => { const newword = word // because we are in Client-Side-Rendering (SSR: FALSE) // window is available (not document though) ??? // window.$ = window.jQuery = require("jquery") // console.log("window.$", window.$) // const B3 = dynamic(() => // require("~/components/threed/demo-b3.mm"), // { // ssr: false // } // ) // console.log("B3 onMount", B3) return ( console.info(`[MM] /demo: onUnmount @ ${new Date().toISOString()} ${newword}`) ) }, []) // return JSX.Element return ( {/* */} {/* */} {/* */} {/*