message: lazyload heavy cells
diff: -import React, { Suspense } from "react";
  +import React, { Suspense, useEffect, useState } from "react";
  import { FormatterProps } from "react-data-grid";
  import { makeStyles, createStyles } from "@material-ui/core";
  @@ -40,14 +40,13 @@ const withCustomCell = (
  ) => (props: FormatterProps<any>) => {
  useStyles();
  const { updateCell } = useFiretableContext();
  + const [component, setComponent] = useState(<></>);
  - const handleSubmit = (value: any) => {
  - if (updateCell && !readOnly)
  - updateCell(props.row.ref, props.column.key as string, value);
  - };
  - return (
  + useEffect(() => {
  + setTimeout(() => {
  + setComponent(
  <ErrorBoundary fullScreen={false} basic wrap="nowrap">
  - <Suspense fallback={<div />}>
  + <Suspense fallback={<></>}>
  <Component
  {...props}
  docRef={props.row.ref}
  @@ -57,6 +56,13 @@ const withCustomCell = (
  </Suspense>
  </ErrorBoundary>
  );
  + });
  + }, []);
  + const handleSubmit = (value: any) => {
  + if (updateCell && !readOnly)
  + updateCell(props.row.ref, props.column.key as string, value);
  + };
  + return component;
  };
  export default withCustomCell;
  