smol changes to fix warnings on build

.gitignore

@@ -41,3 +41,24 @@ report.*.json
 
 # .vscode Debugging
 .vscode/*-debug-profile
+
+#amplify-do-not-edit-begin
+amplify/\#current-cloud-backend
+amplify/.config/local-*
+amplify/logs
+amplify/mock-data
+amplify/backend/amplify-meta.json
+amplify/backend/.temp
+build/
+dist/
+node_modules/
+aws-exports.js
+awsconfiguration.json
+amplifyconfiguration.json
+amplifyconfiguration.dart
+amplify-build-config.json
+amplify-gradle-config.json
+amplifytools.xcconfig
+.secret-*
+**.sample
+#amplify-do-not-edit-end

src/components/canvas/Box.jsx

@@ -1,35 +0,0 @@
-import useStore from '@/helpers/store'
-import { useFrame } from '@react-three/fiber'
-import { useRef, useState } from 'react'
-
-const BoxComponent = ({ route }) => {
-  const router = useStore((s) => s.router)
-  // This reference will give us direct access to the THREE.Mesh object
-  const mesh = useRef(null)
-  // Set up state for the hovered and active state
-  const [hovered, setHover] = useState(false)
-  // Subscribe this component to the render-loop, rotate the mesh every frame
-  useFrame((state, delta) =>
-    mesh.current
-      ? (mesh.current.rotation.y = mesh.current.rotation.x += 0.01)
-      : null
-  )
-  // Return the view, these are regular Threejs elements expressed in JSX
-  return (
-    <>
-      <mesh
-        ref={mesh}
-        onClick={() => router.push(route)}
-        onPointerOver={(e) => setHover(true)}
-        onPointerOut={(e) => setHover(false)}
-        scale={hovered ? 1.1 : 1}
-      >
-        <boxBufferGeometry args={[1, 1, 1]} />
-        <meshPhysicalMaterial color={route === '/' ? 'orange' : 'hotpink'} />
-      </mesh>
-      <directionalLight position={[5, 5, 5]} />
-      <ambientLight />
-    </>
-  )
-}
-export default BoxComponent

src/components/canvas/Galaxy.jsx

@@ -295,7 +295,7 @@ export function Nucleus({ size }) {
   color.setHSL(Math.random(), 0.7, Math.random() * 0.2 + 0.05)
 
   return (
-    <mesh ref={nucleusRef} position={[0, 0, 0]} scale={[size, size, size]} layers={THREE.BLOOM_SCENE}>
+    <mesh ref={nucleusRef} position={[0, 0, 0]} scale={[size, size, size]}>
       <sphereBufferGeometry attach="geometry" args={[0.5, 32, 32, 0, 6.4, 0, 6.3]} />
       <meshBasicMaterial attach="material" color={'#fff'} />
     </mesh>

src/components/dom/integrations/AirtableInstance.jsx

@@ -30,6 +30,14 @@ export function AirtablePerformerInstance () {
       </Suspense>
   )
 }
+export function AirtableSponsorInstance () {
+  return (
+    <Suspense fallback={<DOMLoader />}>
+      <Script src="https://static.airtable.com/js/embed/embed_snippet_v1.js"></Script>
+      <iframe title="Sponsor MetaFest2" className="airtable-embed airtable-dynamic-height" src="https://airtable.com/embed/shr2kuLumbj9Wnka8?backgroundColor=blue" frameBorder="0" onmousewheel="" width="100%" height="3185" style={{background: 'transparent', border: '0'}}></iframe>
+      </Suspense>
+  )
+}
 
 export function AirtableFairInstance () {
   return (

src/pages/box.jsx

@@ -1,47 +0,0 @@
-import Instructions from '@/components/dom/Instructions'
-import {
-  ApplySection,
-} from "@/components/dom/page-sections";
-import dynamic from 'next/dynamic'
-
-const Box = dynamic(() => import('@/components/canvas/Box'), {
-  ssr: false,
-})
-const NomadVox = dynamic(() => import('@/components/canvas/Nomad'), {
-  ssr: false,
-})
-const DOM = () => {
-  return (
-    // Step 5 - delete Instructions components
-    <ApplySection />
-  )
-}
-
-const R3F = () => {
-  return (
-    <>
-      <NomadVox route='/' />
-      {/* <Box route='/' /> */}
-    </>
-  )
-}
-
-const Page = () => {
-  return (
-    <>
-      <DOM />
-      {/* @ts-ignore */}
-      <R3F r3f />
-    </>
-  )
-}
-
-export default Page
-
-export async function getStaticProps() {
-  return {
-    props: {
-      title: 'Box',
-    },
-  }
-}