fix routing

mariussd · Oct 24, 2023 · 359bc84 · 359bc84
1 parent b06417d
commit 359bc84
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 11 deletions.
diff --git a/app/routes/three/Experience.jsx → app/routes/three._index/Experience.jsx b/app/routes/three/Experience.jsx → app/routes/three._index/Experience.jsx
diff --git a/app/routes/three/_index.tsx → app/routes/three._index/route.tsx b/app/routes/three/_index.tsx → app/routes/three._index/route.tsx
diff --git a/app/routes/three.scroll/route.tsx b/app/routes/three.scroll/route.tsx
@@ -1,5 +1,5 @@
 import { Canvas, type MeshProps, useFrame } from "@react-three/fiber";
-import { Float, ScrollControls, useScroll, Scroll } from "@react-three/drei";
+import { Float, ScrollControls, useScroll } from "@react-three/drei";
 import { useRef } from "react";
 import { type LinksFunction } from "@remix-run/node";
 import styles from "~/routes/three.scroll/styles/styles.css";
@@ -37,6 +37,8 @@ const Cube = () => {
   useFrame((state, delta) => {
     const scrollDirection = oldOffset.current - scroll.offset > 0 ? 1 : -1;
 
+    if (!ref.current) return;
+
     ref.current.rotation.y += scroll.delta * 1.3 * scrollDirection;
     ref.current.rotation.z -= scroll.delta * 0.2 * -scrollDirection;
 

diff --git a/app/routes/three/styles/style.css b/app/routes/three/styles/style.css