fix: SSR should not create div element

Author: zombieJ

jest.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  setupFilesAfterEnv: ['<rootDir>/tests/setupAfterEnv.ts']
-};
+  setupFilesAfterEnv: ['<rootDir>/tests/setupAfterEnv.ts'],
+};

package.json

@@ -36,8 +36,10 @@
     "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
     "start": "dumi dev",
-    "test": "umi-test",
-    "test:coverage": "umi-test --coverage",
+    "test": "npm run test:client && npm run test:server",
+    "test:client": "umi-test --testPathIgnorePatterns=ssr.test.tsx --testPathIgnorePatterns=ssr.test.tsx",
+    "test:coverage": "npm run test:client --coverage",
+    "test:server": "umi-test --env=node tests/ssr.test.tsx",
     "watch": "father dev"
   },
   "dependencies": {

src/useDom.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
+import canUseDom from 'rc-util/lib/Dom/canUseDom';
 import OrderContext from './Context';
 import type { QueueCreate } from './Context';
 
@@ -14,6 +15,10 @@ export default function useDom(
   debug?: string,
 ): [HTMLDivElement, QueueCreate] {
   const [ele] = React.useState(() => {
+    if (!canUseDom()) {
+      return null;
+    }
+
     const defaultEle = document.createElement('div');
 
     if (process.env.NODE_ENV !== 'production' && debug) {

tests/ssr.test.tsx

@@ -1,19 +1,13 @@
 import React from 'react';
-import { render } from '@testing-library/react';
+import { renderToString } from 'react-dom/server';
 import Portal from '../src';
 
-jest.mock('rc-util/lib/Dom/canUseDom', () => () => false);
-
 describe('SSR', () => {
   it('No Render in SSR', () => {
-    const { unmount } = render(
+    renderToString(
       <Portal open>
         <div className="bamboo">Hello World</div>
       </Portal>,
     );
-
-    expect(document.querySelector('.bamboo')).toBeFalsy();
-
-    unmount();
   });
 });