Main.js

import { useNavigate } from 'react-router-dom';
import cookie from 'react-cookies';
import { UserContext } from '../Usercontext.js';

import React, { useEffect, useState, useContext} from 'react';

function Button({history, children}){
  const navigate = useNavigate(); 
  return(
		<button onClick={() => {navigate('/search');}}>
			{children}
		</button>
	);
}

function Main() {

  const userContext = useContext(UserContext);

  useEffect(() => {
    // console.log(userContext)
  });
  return(
    <div className="App">
      <h1>메인 페이지 입니다.</h1>
        <div className="introduction">
          소개 내용을 담을 공간 
        </div>
        <Button>검색</Button>
    </div>)
  ;
}

export default Main;