text: import './App.css';
  import { useCallback, useMemo, useState } from 'react';
  import Header from './components/header';
  function App() {
    const[number,setNumber]=useState(0);
    const[text,setText]=useState("")
  
    // const data = useMemo(()=>{
    //   return calculateObject()
    // },[])
    
    // const data =calculateObject(); 
    const increment = useCallback(()=>{
      setNumber((prevState)=>prevState+1)
    },[]);
  
    return (<div className='app'>
      <Header increment={increment}/>
      <hr />
      <h1>{number}</h1>
      
      <input value={text} onChange={({target})=> setText(target.value)}  />
      </div>
    );
    
  }
  
  export default App;
  