diff --git a/packages/framer-motion-3d/src/components/LayoutCamera.tsx b/packages/framer-motion-3d/src/components/LayoutCamera.tsx
index 9cae669a43..7fa36b18b9 100644
--- a/packages/framer-motion-3d/src/components/LayoutCamera.tsx
+++ b/packages/framer-motion-3d/src/components/LayoutCamera.tsx
@@ -5,6 +5,9 @@ import { LayoutCameraProps } from "./types"
 import { motion } from "../render/motion"
 import { useLayoutCamera } from "./use-layout-camera"
 import { ThreeMotionProps } from "../types"
+import { extend } from "@react-three/fiber"
+
+extend({ PerspectiveCamera: PerspectiveCameraImpl })
 
 type Props = JSX.IntrinsicElements["perspectiveCamera"] &
     LayoutCameraProps &
diff --git a/packages/framer-motion-3d/src/components/LayoutOrthographicCamera.tsx b/packages/framer-motion-3d/src/components/LayoutOrthographicCamera.tsx
index 7ba94c6ae8..09d57d2d19 100644
--- a/packages/framer-motion-3d/src/components/LayoutOrthographicCamera.tsx
+++ b/packages/framer-motion-3d/src/components/LayoutOrthographicCamera.tsx
@@ -5,6 +5,9 @@ import { motion } from "../render/motion"
 import { LayoutCameraProps } from "./types"
 import { useLayoutCamera } from "./use-layout-camera"
 import { ThreeMotionProps } from "../types"
+import { extend } from "@react-three/fiber"
+
+extend({ OrthographicCamera: OrthographicCameraImpl })
 
 type Props = JSX.IntrinsicElements["orthographicCamera"] &
     LayoutCameraProps &