manual URL creation

2 files changed, 3 insertions, 2 deletions

diff --git a/src/components/chatbubble.jsx b/src/components/chatbubble.jsx
index a0190d4..04a8147 100644
--- a/src/components/chatbubble.jsx
+++ b/src/components/chatbubble.jsx
@@ -6,7 +6,7 @@ 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?url';
+const messageBubbleModelURL = new URL('../assets/message-bubble.glb', import.meta.url).href
 
 export default function ChatBubble({ id, position, text }) {
     const meshRef = useRef();
diff --git a/src/components/ground.jsx b/src/components/ground.jsx
index 2c9557e..9aa736d 100644
--- a/src/components/ground.jsx
+++ b/src/components/ground.jsx
@@ -1,9 +1,10 @@
 import { useRef } from 'react';
-import terrainModelURL from '../assets/terrain.glb?url'
 import * as everforest from '../_everforest.module.scss'
 import { RigidBody } from '@react-three/rapier';
 import { useGLTF } from '@react-three/drei';
 
+const terrainModelURL = new URL('../assets/terrain.glb', import.meta.url).href
+
 export default function Ground() {
     const meshRef = useRef();
     const { nodes } = useGLTF(terrainModelURL);