fix: mode为visible为true时异常渲染的问题

example/index.tsx

@@ -1,7 +1,7 @@
 import 'react-app-polyfill/ie11';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { Offscreen } from '../.';
+import { Activity } from '../.';
 
 const Count = () => {
   const [count, setCount] = React.useState(0);
@@ -17,9 +17,9 @@ const App = () => {
       <button onClick={() => setVisible(!visible)}>{visible ? 'hidden' : 'show'}</button>
       <button onClick={() => setDestroy(true)}>destroy</button>
       {!destroy && (
-        <Offscreen mode={visible ? 'visible' : 'hidden'}>
+        <Activity mode={visible ? 'visible' : 'hidden'}>
           <Count />
-        </Offscreen>
+        </Activity>
       )}
     </div>
   );

src/Repeater.tsx

@@ -6,24 +6,31 @@ export const Repeater: FC<IProps> = (props) => {
   // props
   const { mode, children } = props;
   // refs
-  const resolveRef = useRef<() => void>();
+  const promiseRef = useRef<Promise<void> | null>(null);
+  const resolveRef = useRef<(() => void) | null>(null);
   // methods
   const resolvePromise = (ignoreMode?: boolean) => {
     if (
       (ignoreMode || mode === "visible") &&
       typeof resolveRef.current === "function"
     ) {
       resolveRef.current();
-      resolveRef.current = void 0;
+      resolveRef.current = null;
+      promiseRef.current = null;
     }
   };
   // effect
   useEffect(() => () => resolvePromise(true), []);
 
-  if (mode === "hidden" && typeof resolveRef.current === "undefined") {
-    const promise = new Promise<void>(
-      (resolve) => (resolveRef.current = resolve),
-    );
+  if (mode === "hidden") {
+    if(resolveRef.current === null) {
+      promiseRef.current = new Promise<void>(
+        (resolve) => (resolveRef.current = resolve),
+      );
+    }
+
+    const promise = promiseRef.current!;
+
     if ("use" in React && typeof React.use === "function") {
       (React.use as <T>(primise: Promise<T>) => T)(promise);
     } else {