Understand React Hooks with side bar example

Why you must to use a react hooks

//App component

import React, {useEffect, useState} from 'react' import { Layout } from '../components' import 'tailwindcss/tailwind.css' import '../styles/globals.scss' function MyApp({ Component, pageProps }) { return( <Layout> <Component {...pageProps} /> </Layout> ) } export default MyApp

You must have import before from react

import React, { useState} from 'react'; //Header component const Header= () =>{ const [state, setstate] = useState(initialState); }