diff --git a/.changeset/metal-times-remain.md b/.changeset/metal-times-remain.md
new file mode 100644
index 000000000..3deee1963
--- /dev/null
+++ b/.changeset/metal-times-remain.md
@@ -0,0 +1,6 @@
+---
+'@tanstack/react-form': patch
+'@tanstack/react-form-nextjs': patch
+---
+
+use React 18's useId hook by default for formId generation, only calling Math.random() as a fallback if no formId is provided.
diff --git a/packages/react-form/src/useForm.tsx b/packages/react-form/src/useForm.tsx
index bd7f4cb4f..5abaa0351 100644
--- a/packages/react-form/src/useForm.tsx
+++ b/packages/react-form/src/useForm.tsx
@@ -1,10 +1,11 @@
 'use client'
 
-import { FormApi, functionalUpdate, uuid } from '@tanstack/form-core'
+import { FormApi, functionalUpdate } from '@tanstack/form-core'
 import { useStore } from '@tanstack/react-store'
 import { useMemo, useState } from 'react'
 import { Field } from './useField'
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'
+import { useFormId } from './useFormId'
 import type {
   AnyFormApi,
   AnyFormState,
@@ -184,7 +185,7 @@ export function useForm<
     TSubmitMeta
   >,
 ) {
-  const fallbackFormId = useState(() => uuid())[0]
+  const fallbackFormId = useFormId()
   const [prevFormId, setPrevFormId] = useState<string>(opts?.formId as never)
 
   const [formApi, setFormApi] = useState(() => {
diff --git a/packages/react-form/src/useFormId.ts b/packages/react-form/src/useFormId.ts
new file mode 100644
index 000000000..4b78db9b9
--- /dev/null
+++ b/packages/react-form/src/useFormId.ts
@@ -0,0 +1,6 @@
+import * as React from 'react'
+import { useUUID } from './useUUID'
+
+/** React 17 does not have the useId hook, so we use a random uuid as a fallback. */
+export const useFormId =
+  React.version.split('.')[0] === '17' ? useUUID : React.useId
diff --git a/packages/react-form/src/useUUID.ts b/packages/react-form/src/useUUID.ts
new file mode 100644
index 000000000..5dcfdb132
--- /dev/null
+++ b/packages/react-form/src/useUUID.ts
@@ -0,0 +1,7 @@
+import { useState } from 'react'
+import { uuid } from '@tanstack/form-core'
+
+/** Generates a random UUID. and returns a stable reference to it. */
+export function useUUID() {
+  return useState<string>(() => uuid())[0]
+}