Source: layout/Page.js

import React, { useEffect, useState } from "react";

/**
 * Componente que renderiza un div con id "page", iniciando invisible hasta terminar de cargarse su contenido.
 * @name Reactor.Components.Layout.Page
 * @class
 * @example
<page>
  <page_content>
    {{AppMenu}}
    <outlet />
  </page_content>
</page>
 */
export const Page = ({children}) => {

  const [ loaded, setLoaded ] = useState(false)

  useEffect(()=>{
    setLoaded(true);
  }, []);

  return (
    <div id="page" style={{ display: loaded ? "block" : "none", overflowX: "hidden" }}>
      {children}
    </div>
  )
}