[v2] chore(examples): render every React example in StrictMode

examples/react/array/src/index.tsx

@@ -3,7 +3,7 @@ import { useForm } from '@tanstack/react-form'
 import { formDevtoolsPlugin } from '@tanstack/react-form-devtools'
 import ReactDOM from 'react-dom/client'
 import './index.css'
-import { useMemo, useRef, useState } from 'react'
+import { StrictMode, useMemo, useRef, useState } from 'react'
 
 function ArrayForm({ items }: { items: Array<string> }) {
   const form = useForm({
@@ -120,4 +120,8 @@ function App() {
   )
 }
 
-ReactDOM.createRoot(document.getElementById('root')!).render(<App />)
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

examples/react/basic-splitting-form/src/index.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react'
 import { TanStackDevtools } from '@tanstack/react-devtools'
 import { useForm } from '@tanstack/react-form'
 import { formDevtoolsPlugin } from '@tanstack/react-form-devtools'
@@ -58,4 +59,8 @@ function App() {
   )
 }
 
-ReactDOM.createRoot(document.getElementById('root')!).render(<App />)
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)

examples/react/basic/src/index.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react'
 import { TanStackDevtools } from '@tanstack/react-devtools'
 import { useForm } from '@tanstack/react-form'
 import { formDevtoolsPlugin } from '@tanstack/react-form-devtools'
@@ -139,4 +140,8 @@ function App() {
   )
 }
 
-ReactDOM.createRoot(document.getElementById('root')!).render(<App />)
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)

examples/react/expo/index.ts

@@ -1,5 +1,10 @@
+import { StrictMode, createElement } from 'react'
 import { registerRootComponent } from 'expo'
 
 import App from './app/index'
 
-registerRootComponent(App)
+function Root() {
+  return createElement(StrictMode, null, createElement(App))
+}
+
+registerRootComponent(Root)

examples/react/field-groups/src/index.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react'
 import { TanStackDevtools } from '@tanstack/react-devtools'
 import { useForm } from '@tanstack/react-form'
 import { formDevtoolsPlugin } from '@tanstack/react-form-devtools'
@@ -143,4 +144,8 @@ function App() {
   )
 }
 
-ReactDOM.createRoot(document.getElementById('root')!).render(<App />)
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)

examples/react/nextjs/next.config.ts

@@ -1,5 +1,7 @@
 import type { NextConfig } from 'next'
 
-const nextConfig: NextConfig = {/* config options here */}
+const nextConfig: NextConfig = {
+  reactStrictMode: true,
+}
 
 export default nextConfig

examples/react/ui-integration-dnd-kit/src/index.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react'
 import { TanStackDevtools } from '@tanstack/react-devtools'
 import { formDevtoolsPlugin } from '@tanstack/react-form-devtools'
 import { createRoot } from 'react-dom/client'
@@ -25,4 +26,8 @@ function App() {
   )
 }
 
-createRoot(document.getElementById('root')!).render(<App />)
+createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)

examples/react/ui-integration-shadcn/src/index.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react'
 import ReactDOM from 'react-dom/client'
 import './index.css'
 import { TanStackDevtools } from '@tanstack/react-devtools'
@@ -20,4 +21,8 @@ function App() {
   )
 }
 
-ReactDOM.createRoot(document.getElementById('root')!).render(<App />)
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)