import { StrictMode, useState, useEffect } from "react"; 
import { createRoot } from "react-dom/client"; 
 
import App from "./App"; 
 
const counter = () => { 
  let count = 0; 
 
  return () => { 
    count += 1; 
 
    return count; 
  }; 
}; 
 
/** Задача: 
 * Выводить значение счетчика 
 * 1 раз в секунду */ 
const incrementor = counter(); 
const count = incrementor(); 
 
export const TestComponent = () => { 
  const [state, setState] = useState(count); 
 
  useEffect(() => { 
    setTimeout(() => { 
      setState(incrementor()); 
    }, 1000); 
  }, [state]); 
 
  return <div>{state}</div>; 
}; 
 
const rootElement = document.getElementById("root"); 
const root = createRoot(rootElement); 
 
root.render( 
  <StrictMode> 
    <App /> 
    <TestComponent /> 
  </StrictMode> 
);