chore: warning of ssr (#12)

Author: zombieJ

src/Portal.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import canUseDom from 'rc-util/lib/Dom/canUseDom';
+import warning from 'rc-util/lib/warning';
 import { supportRef, useComposeRef } from 'rc-util/lib/ref';
 import OrderContext from './Context';
 import useDom from './useDom';
@@ -62,6 +63,14 @@ const Portal = React.forwardRef<any, PortalProps>((props, ref) => {
 
   const mergedRender = shouldRender || open;
 
+  // ========================= Warning =========================
+  if (process.env.NODE_ENV !== 'production') {
+    warning(
+      canUseDom() || !open,
+      `Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.`,
+    );
+  }
+
   // ====================== Should Render ======================
   React.useEffect(() => {
     if (autoDestroy || open) {

tests/ssr.test.tsx

@@ -4,10 +4,17 @@ import Portal from '../src';
 
 describe('SSR', () => {
   it('No Render in SSR', () => {
+    const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+
     renderToString(
       <Portal open>
         <div className="bamboo">Hello World</div>
       </Portal>,
     );
+
+    expect(errSpy).toHaveBeenCalledWith(
+      "Warning: Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.",
+    );
+    errSpy.mockRestore();
   });
 });