diff --git a/package.json b/package.json
index aa7360d9e..8a6e18adf 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,6 @@
     "troika-three-text": "^0.52.0",
     "tunnel-rat": "^0.1.2",
     "utility-types": "^3.11.0",
-    "uuid": "^9.0.1",
     "zustand": "^5.0.1"
   },
   "devDependencies": {
diff --git a/src/core/Cloud.tsx b/src/core/Cloud.tsx
index bf53cac89..e6038f61d 100644
--- a/src/core/Cloud.tsx
+++ b/src/core/Cloud.tsx
@@ -15,7 +15,6 @@ import {
 } from 'three'
 import { MaterialNode, extend, applyProps, useFrame, ReactThreeFiber } from '@react-three/fiber'
 import { useTexture } from './Texture'
-import { v4 } from 'uuid'
 import { setUpdateRange } from '../helpers/deprecated'
 
 declare global {
@@ -246,7 +245,7 @@ export const CloudInstance = /* @__PURE__ */ React.forwardRef<Group, CloudProps>
 
     const parent = React.useContext(context)
     const ref = React.useRef<Group>(null!)
-    const [uuid] = React.useState(() => v4())
+    const uuid = React.useId()
     const clouds: CloudState[] = React.useMemo(() => {
       return [...new Array(segments)].map(
         (_, index) =>
diff --git a/yarn.lock b/yarn.lock
index a2d08b545..f6798c04e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2902,7 +2902,6 @@ __metadata:
     tunnel-rat: "npm:^0.1.2"
     typescript: "npm:^5.6.3"
     utility-types: "npm:^3.11.0"
-    uuid: "npm:^9.0.1"
     vite: "npm:^5.4.11"
     vite-plugin-glslify: "npm:^2.1.0"
     zustand: "npm:^5.0.1"
@@ -12871,7 +12870,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"uuid@npm:^9.0.0, uuid@npm:^9.0.1":
+"uuid@npm:^9.0.0":
   version: 9.0.1
   resolution: "uuid@npm:9.0.1"
   bin: