Animation playing ONLY while rotating the model

[joaoguidev]

Hello.

My animation only plays while I'm rotating the model with my mouse.

I would like to play it continuously. How would I do that?

const CharacterModel = ({ isMobile }) => {
   const character = useFBX("/models/character-b/Model/characterMedium.fbx")
   const texture = useTexture("/models/character-b/Skins/cyborgFemaleA.png")
   const { animations } = useFBX("/models/character-b/Animations/idle.fbx")
   const { ref, actions, names } = useAnimations(animations)
   useEffect(() => {
      actions[names[0]].reset().play()
   }, [])
   useEffect(() => {
      if (character) {
         character.traverse((child) => {
            if (child.isMesh) {
               child.material.map = texture
            }
         })
      }
   }, [character, texture])
   return (
      <mesh ref={ref}>
         <hemisphereLight intensity={1.5} />
         <spotLight position={[500, 0, 0]} angle={0} penumbra={1} intensity={5} castShadow shadow-mapSize={1024} />

         {/* <pointLight intensity={1} /> */}
         <primitive
            object={character}
            scale={isMobile ? 1 : 1}
            position={isMobile ? [0, -190, 0] : [0, -190, 0]}
            // rotation={[-0.01, -0.2, -0.1]}
         />
      </mesh>
   )
}

   return (
      <div className="size-full">
         <Canvas frameloop="demand" shadows dpr={[1, 2]} camera={{ position: [0, 0, 420], fov: 50 }} gl={{ preserveDrawingBuffer: false }}>
            <Suspense fallback={<CanvasLoader />}>
               <OrbitControls enableZoom={false} maxPolarAngle={Math.PI / 2} minPolarAngle={Math.PI / 2} />
               <CharacterModel isMobile={isMobile} />
            </Suspense>

            <Preload all />
         </Canvas>
      </div>
   )

[joaoguidev]

Just had toi change frameloop="demand" to frameloop="always"