export default function Demo()

in src/components/Demo.tsx [30:62]

• 31 lines of code
• 1 McCabe index (conditional complexity)

export default function Demo({ children }: Props) {
  const { inView, ref } = useInView({ triggerOnce: true });
  const pi = useMemo(() => new Pi(), []);
  const [radix, setRadix] = useState(pic.defaults.radix);

  pi.radix = radix;
  const picValues = {
    length: pi.length,
    radix,
    setRadix,
  }

  return (
    <InViewContext.Provider value={inView}>
      <PiContext.Provider value={picValues}>
        <div ref={ref} className="demo">
          <Suspense
            fallback={
              <div>
                <Alert severity="info">Loading...</Alert>
                <LinearProgress />
              </div>
            }
          >
            <Grid container spacing={2}>
              {children}
            </Grid>
          </Suspense>
        </div>
      </PiContext.Provider>
    </InViewContext.Provider>
  );
}