CanvasRevealEffect does not work on react 19 bc cant import * as THREE from "three";

[SultanAlzoghaibi]

Feature description

CanvasRevealEffect does not work on react 19 bc cant import * as THREE from "three";

even if you npm install --force framer-motion clsx tailwind-merge three @react-three/fiber
it wont work

Affected component/components

component/ui/canvas-reveal-effect

Additional Context

even if you npm install --force framer-motion clsx tailwind-merge three @react-three/fiber
it wont work

next.js 15 and react 19 I'm on

Before submitting

• I've searched for existing issues and PRs
• I've made research efforts and searched the documentation

[sanghyoLe]

Try installing @types/three as a dev dependency:

npm install --save-dev @types/three

This should resolve the TypeScript declaration errors for the Three.js module.