docs: enable strict mode in react examples (#789)

TanStack · Jun 27, 2024 · adc74e0 · adc74e0
1 parent 3596874
commit adc74e0
Show file tree

Hide file tree

Showing 8 changed files with 40 additions and 10 deletions.
diff --git a/examples/react/array/src/index.tsx b/examples/react/array/src/index.tsx
@@ -71,4 +71,8 @@ function App() {
 
 const rootElement = document.getElementById('root')!
 
-createRoot(rootElement).render(<App />)
+createRoot(rootElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)
diff --git a/examples/react/next-server-actions/next.config.cjs b/examples/react/next-server-actions/next.config.cjs
@@ -1,4 +1,6 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  reactStrictMode: true,
+}
 
 module.exports = nextConfig
diff --git a/examples/react/query-integration/src/index.tsx b/examples/react/query-integration/src/index.tsx
@@ -129,7 +129,9 @@ const rootElement = document.getElementById('root')!
 const queryClient = new QueryClient()
 
 createRoot(rootElement).render(
-  <QueryClientProvider client={queryClient}>
-    <App />
-  </QueryClientProvider>,
+  <React.StrictMode>
+    <QueryClientProvider client={queryClient}>
+      <App />
+    </QueryClientProvider>
+  </React.StrictMode>,
 )
diff --git a/examples/react/simple/src/index.tsx b/examples/react/simple/src/index.tsx
@@ -111,4 +111,8 @@ export default function App() {
 
 const rootElement = document.getElementById('root')!
 
-createRoot(rootElement).render(<App />)
+createRoot(rootElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)
diff --git a/examples/react/ui-libraries/src/index.tsx b/examples/react/ui-libraries/src/index.tsx
@@ -4,6 +4,8 @@ import { red } from '@mui/material/colors'
 import { ThemeProvider } from '@emotion/react'
 import { CssBaseline } from '@mui/material'
 import MainComponent from './MainComponent'
+import React from 'react'
+
 const theme = createTheme({
   palette: {
     primary: {
@@ -29,4 +31,8 @@ export default function App() {
 
 const rootElement = document.getElementById('root')!
 
-createRoot(rootElement).render(<App />)
+createRoot(rootElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)
diff --git a/examples/react/valibot/src/index.tsx b/examples/react/valibot/src/index.tsx
@@ -109,4 +109,8 @@ export default function App() {
 
 const rootElement = document.getElementById('root')!
 
-createRoot(rootElement).render(<App />)
+createRoot(rootElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)
diff --git a/examples/react/yup/src/index.tsx b/examples/react/yup/src/index.tsx
@@ -111,4 +111,8 @@ export default function App() {
 
 const rootElement = document.getElementById('root')!
 
-createRoot(rootElement).render(<App />)
+createRoot(rootElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)
diff --git a/examples/react/zod/src/index.tsx b/examples/react/zod/src/index.tsx
@@ -110,4 +110,8 @@ export default function App() {
 
 const rootElement = document.getElementById('root')!
 
-createRoot(rootElement).render(<App />)
+createRoot(rootElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)