diff --git a/packages/form/src/layouts/DrawerForm/index.tsx b/packages/form/src/layouts/DrawerForm/index.tsx
index 09b02de5365d..9d485584b3aa 100644
--- a/packages/form/src/layouts/DrawerForm/index.tsx
+++ b/packages/form/src/layouts/DrawerForm/index.tsx
@@ -1,4 +1,5 @@
 import {
+  isBrowser,
   omitUndefined,
   openVisibleCompatible,
   useRefFunction,
@@ -112,7 +113,7 @@ function DrawerForm<T = Record<string, any>, U = Record<string, any>>({
   const resizeInfo: CustomizeResizeType = React.useMemo(() => {
     const defaultResize: CustomizeResizeType = {
       onResize: () => {},
-      maxWidth: window.innerWidth * 0.8,
+      maxWidth: isBrowser() ? window.innerWidth * 0.8 : undefined,
       minWidth: 300,
     };
     if (typeof resize === 'boolean') {
diff --git a/tests/form/ssr.test.tsx b/tests/form/ssr.test.tsx
new file mode 100644
index 000000000000..5a24bb9a45c3
--- /dev/null
+++ b/tests/form/ssr.test.tsx
@@ -0,0 +1,10 @@
+// @vitest-environment node
+
+import ProForm, { DrawerForm, ModalForm } from '@ant-design/pro-form';
+import { renderToString } from 'react-dom/server';
+
+test('ssr', () => {
+  expect(renderToString(<ProForm />)).toBeDefined();
+  expect(renderToString(<ModalForm />)).toBeDefined();
+  expect(renderToString(<DrawerForm />)).toBeDefined();
+});