Add tests for invalid React server APIs

test/development/acceptance-app/fixtures/rsc-build-errors/app/server-with-errors/react-dom-apis/finddomnode/page.js

@@ -0,0 +1,7 @@
+import { findDOMNode } from 'react-dom'
+
+console.log({ findDOMNode })
+
+export default function Page() {
+  return null
+}

test/development/acceptance-app/fixtures/rsc-build-errors/app/server-with-errors/react-dom-apis/flushsync/page.js

@@ -0,0 +1,7 @@
+import { flushSync } from 'react-dom'
+
+console.log({ flushSync })
+
+export default function Page() {
+  return null
+}

test/development/acceptance-app/fixtures/rsc-build-errors/app/server-with-errors/react-dom-apis/unstable_batchedupdates/page.js

@@ -0,0 +1,7 @@
+import { unstable_batchedUpdates } from 'react-dom'
+
+console.log({ unstable_batchedUpdates })
+
+export default function Page() {
+  return null
+}

test/development/acceptance-app/fixtures/rsc-build-errors/app/server-with-errors/react-dom-apis/useformstate/page.js

@@ -0,0 +1,7 @@
+import { useFormState } from 'react-dom'
+
+console.log({ useFormState })
+
+export default function Page() {
+  return null
+}

test/development/acceptance-app/fixtures/rsc-build-errors/app/server-with-errors/react-dom-apis/useformstatus/page.js

@@ -0,0 +1,7 @@
+import { useFormStatus } from 'react-dom'
+
+console.log({ useFormStatus })
+
+export default function Page() {
+  return null
+}

test/development/acceptance-app/rsc-build-errors.test.ts

@@ -263,6 +263,30 @@ describe('Error overlay - RSC build errors', () => {
     })
   }
 
+  const invalidReactDomServerApis = [
+    'findDOMNode',
+    'flushSync',
+    'unstable_batchedUpdates',
+    'useFormStatus',
+    'useFormState',
+  ]
+  for (const api of invalidReactDomServerApis) {
+    it(`should error when ${api} from react-dom is used in server component`, async () => {
+      const { session, cleanup } = await sandbox(
+        next,
+        undefined,
+        `/server-with-errors/react-dom-apis/${api.toLowerCase()}`
+      )
+
+      expect(await session.hasRedbox(true)).toBe(true)
+      expect(await session.getRedboxSource()).toInclude(
+        `You're importing a component that needs ${api}. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default.`
+      )
+
+      await cleanup()
+    })
+  }
+
   it('should allow to use and handle rsc poisoning server-only', async () => {
     const { session, cleanup } = await sandbox(
       next,

test/turbopack-tests-manifest.json

@@ -1137,7 +1137,12 @@
       "Error overlay - RSC build errors should error when useState from react is used in server component",
       "Error overlay - RSC build errors should error when useSyncExternalStore from react is used in server component",
       "Error overlay - RSC build errors should error when useTransition from react is used in server component",
-      "Error overlay - RSC build errors should error when useOptimistic from react is used in server component"
+      "Error overlay - RSC build errors should error when useOptimistic from react is used in server component",
+      "Error overlay - RSC build errors should error when findDOMNode from react-dom is used in server component",
+      "Error overlay - RSC build errors should error when flushSync from react-dom is used in server component",
+      "Error overlay - RSC build errors should error when unstable_batchedUpdates from react-dom is used in server component",
+      "Error overlay - RSC build errors should error when useFormStatus from react-dom is used in server component",
+      "Error overlay - RSC build errors should error when useFormState from react-dom is used in server component"
     ],
     "pending": [
       "Error overlay - RSC build errors should throw an error when getStaticProps is used"