test-support Rerendering.tsx

100% Statements 7/7

100% Branches 0/0

100% Functions 4/4

100% Lines 7/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22  
 
 
 
 
 
 
 
2x
1x
 
 
 
2x
1x
1x
1x
 
 
2x
 
  import { PropsWithChildren, useEffect, useReducer } from "react";
 
import { delay } from "./delay";
 
/**
 * This is a component that rerenders after a short delay
 */
export function Rerendering({ children }: PropsWithChildren<{}>): JSX.Element {
  const forceUpdate = useReducer(
    (prev: number) => prev + 1,
    0
  )[1] as () => void;
 
  useEffect(() => {
    (async function asyncEffect() {
      await delay(10000);
      forceUpdate();
    })();
  }, [forceUpdate]);
  return <>{children}</>;
}