properly import assets

1 files changed, 3 insertions, 1 deletions

diff --git a/src/components/chatbubble.jsx b/src/components/chatbubble.jsx
index a9c0c85..8e1dfd1 100644
--- a/src/components/chatbubble.jsx
+++ b/src/components/chatbubble.jsx
@@ -6,6 +6,8 @@ import { Html } from '@react-three/drei';
 import { AppContext } from '../App';
 import Color from 'color';
 import { Vector3 } from 'three';
+import messageBubbleModelURL from '../../assets/message-bubble.glb';
+import { meta } from '@eslint/js';
 
 export default function ChatBubble({ id, position, text }) {
     const meshRef = useRef();
@@ -74,7 +76,7 @@ export default function ChatBubble({ id, position, text }) {
             }
         }
     }, -2);
-    const { nodes } = useGLTF('../assets/message-bubble.glb');
+    const { nodes } = useGLTF(messageBubbleModelURL);
 
     let color = Color(active ? everforest.blue : everforest.purple);
     if (activatable) {