r3f-native-starter
r3f-native-starter copied to clipboard
TypeError: url.lastIndexOf is not a function. (In 'url.lastIndexOf('/')', 'url.lastIndexOf' is undefined)
It's simple... i was using obj model and they weere working fine but now for some reason i need gltf model.
Expected behavior:
from what i understood i just copied the example as i had everything else properly working, it should've loaded 3d model.
What happened:
Here's my relevant code file: import React, { Suspense } from 'react'; import { useFrame, Canvas } from '@react-three/fiber/native'; import { useGLTF, Environment } from '@react-three/drei/native'; import Bedmodelpath from '../../../assets/Airmax/bed1.glb';
function Model({ url, ...rest }) { const { scene } = useGLTF(url) useFrame(() => (scene.rotation.y += 0.01)) return <primitive {...rest} object={scene} /> }
export default function Suggestions() {
return (
<Canvas gl={{ physicallyCorrectLights: true }} camera={{ position: [-6, 0, 16], fov: 36 }}>
And here is the error::
TypeError: url.lastIndexOf is not a function. (In 'url.lastIndexOf('/')', 'url.lastIndexOf' is undefined)
This error is located at: in Unknown in FiberProvider in CanvasWrapper (created by Suggestions) in Suggestions (created by FurnitureSelectionScreen) in RCTView (created by View) in View (created by FurnitureSelectionScreen) in RCTView (created by View) in View (created by FurnitureSelectionScreen) in RCTView (created by View) in View (created by FurnitureSelectionScreen) in FurnitureSelectionScreen (created by SceneView) in StaticContainer in EnsureSingleNavigator (created by SceneView) in SceneView (created by SceneView) in RCTView (created by View) in View (created by DebugContainer) in DebugContainer (created by MaybeNestedStack) in MaybeNestedStack (created by SceneView) in RCTView (created by View) in View (created by SceneView) in RNSScreen (created by AnimatedComponent) in AnimatedComponent in AnimatedComponentWrapper (created by InnerScreen) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by InnerScreen) in InnerScreen (created by Screen) in Screen (created by SceneView) in SceneView (created by NativeStackViewInner) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by ScreenStack) in RNSScreenStack (created by ScreenStack) in ScreenStack (created by NativeStackViewInner) in NativeStackViewInner (created by NativeStackView) in RNCSafeAreaProvider (created by SafeAreaProvider) in SafeAreaProvider (created by SafeAreaInsetsContext) in SafeAreaProviderCompat (created by NativeStackView) in NativeStackView (created by NativeStackNavigator) in PreventRemoveProvider (created by NavigationContent) in NavigationContent in Unknown (created by NativeStackNavigator) in NativeStackNavigator (created by App) in EnsureSingleNavigator in BaseNavigationContainer in ThemeProvider in NavigationContainerInner (created by App) in App (created by withDevTools(App)) in withDevTools(App) in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in main(RootComponent)
I encounter something similar, I can provide more information if the author is willing to help
I encounter something similar, I can provide more information if the author is willing to help
please do so.