import {useState, useMemo} from 'react';
import { DoEffect } from 'do-effect';

interface AppProps {
  children: React;
  doAThing: () => void;
}

function App({ children, doAThing }: AppProps) {
  const [loading, setLoading] = useState(true);

  return (
    <div>
      {loading && (
        <DoEffect
          effect={() => {
            doAThing();
            setLoading(false);
          }}
        />
      )}
      {children}
    </div>
  );
}