'export 'Sparkles' (imported as 'Sparkles') was not found in '@react-three/drei'

Anyone knows if Sparkles particle has been removed or not in react-three/drei ? Didn't find anything in migration report of the package. It's giving error while importing. I used the component like this:

   <Canvas style={{ height: '100vh' }} >
        <Environment>
        <Stars radius={300} depth={60} count={5000} factor={20} saturation={1} fade  />
        <Cloud
          opacity={0.1}
          speed={0.1} // Rotation speed
          width={20} // Width of the full cloud
          depth={2} // Z-dir depth
          segments={20} // Number of particles
        />
        <pointLight position={[5, 5, 5]} intensity={.3} />
        <ambientLight intensity={.3} />
        <Box position={[0, 0, 0]} />
        <OrbitControls autoRotate autoRotateSpeed={.5}  ref={orbitRef}  onChange={() => onOrbitChange() }    />
        </Environment>
        </Canvas>

and the box component is:

 <mesh
            {...props}
            ref={mesh}
            // scale={active ? 1.5 : 1}
            // onClick={(event) => setFlag(true) }
            // onPointerOver={(event) => setHover(true)}
            // onPointerOut={(event) => setHover(false)}
          >
            <boxBufferGeometry attach="geometry" args={[3, 3, 3 ]} />
            <Sparkles count speed opacity color size scale noise />
          </mesh>

I want to use Sparkles in Boxbuffergeometry.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source