Example

example.tsx

const TableWrapper = ({
  someProperty,
  otherProperty
}) => {
  const [data, loading] = useQuery({
    variables: {
      someProperty,
      otherProperty
    }
  });

  if (loading) {
    return <Loader />
  }

  return <Table someProperty={someProperty} otherProperty={otherProperty} data={data} />
}

const Table = ({
  somePropeerty,
  otherProperty,
  data
}) => {
  const computed = React.useMemo(() => {}, [data, someProperty]);

  // ...othertThings

}