finally fixed stupid preload issue lol

src/App.jsx

@@ -7,9 +7,9 @@ import React, { Suspense, useContext, useEffect, useRef, useState } from 'react'
 import { Physics } from '@react-three/rapier';
 import Sun from './components/sun';
 import * as everforest from './_everforest.module.scss'
-import { Bloom, EffectComposer, GodRays, LensFlare, Noise, Vignette } from '@react-three/postprocessing';
-import { AdditiveBlending } from 'three';
 import { useGLTF } from '@react-three/drei';
+import terrainModelURL from './assets/terrain.glb';
+import messageBubbleModelURL from './assets/message-bubble.glb';
 
 export const AppContext = React.createContext(null);
 
@@ -55,8 +55,8 @@ function App() {
             setMessages(data);
         });
     },[]);
-    useGLTF.preload('../assets/terrain.glb');
-    useGLTF.preload('../assets/message-bubble.glb');
+    useGLTF.preload(terrainModelURL);
+    useGLTF.preload(messageBubbleModelURL);
     return (
         <>
             <div className='dot' />

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';
-const messageBubbleModelURL = new URL('../assets/message-bubble.glb', import.meta.url).href
+import messageBubbleModelURL from '../assets/message-bubble.glb';
 
 export default function ChatBubble({ id, position, text }) {
     const meshRef = useRef();

src/components/ground.jsx

@@ -2,8 +2,7 @@ import { useRef } from 'react';
 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
+import terrainModelURL from '../assets/terrain.glb';
 
 export default function Ground() {
     const meshRef = useRef();