React axios를 이용해 데이터 주고 받고 페이지 이동 질문

회원가입 전체코드입니다

import React, { useState } from 'react';
import './Register.css'
import axios from 'axios';
import { useHistory } from 'react-router-dom'

function Register() {
    let [inputData, inputData변경] = useState('');

    return (
        <div >

            <section className="box">
                <h1>회원가입</h1>
                <div className="rgad">
                    <div className='malf'>

                        <form className='cu' onSubmit={Registerdata}>
                            <div className="row gtr-uniform gtr-50">

                                <div>

                                    <h5>이름</h5>
                                    <input type="text" name="name" placeholder="이름" />
                                </div>
                                &nbsp;

                                <div>
                                    <h5>이메일</h5>

                                    <input type="email" name="email" placeholder="Email" onChange={(e) => {
                                        inputData변경(e.target.value)

                                    }} />

                                </div>
                                &nbsp;

                                <div >
                                    <input type="button" value="이메일 중복확인" onClick={
                                        () => {
                                            emailch(inputData)

                                        }} />
                                </div>
                                &nbsp;
                            </div>

                            &nbsp;
                            <div className="row gtr-uniform gtr-50">
                                <div>
                                    <h5>비밀번호</h5>
                                    <input type="password" name="pw"
                                        placeholder="password를 입력하세요" />
                                </div>
                                &nbsp;
                                <div>
                                    <h5>비밀번호 확인</h5>
                                    <input type="password" name="pwch"
                                        placeholder="비밀번호를 한번더 입력해주세요" />

                                </div>
                                &nbsp;
                            </div>
                            <div >
                                <input type="submit" value="회원가입" />
                            </div>
                        </form>
                    </div>
                </div>
            </section>

        </div>
    );
}

function Registerdata(e) {
    let history = useHistory();
    history.push('/cart')
    e.preventDefault();

    const { email, pw, name, pwch } = e.target.elements;
    if (!(name.value && email.value && pw.value && pwch.value)) {
        return alert("모두 작성하시고 다시 눌러주세요.")
    }
    if (!(localStorage.getItem("emailch"))) {
        return alert('이메일 중복을 확인하세요')
    }
    if (!(e.target.elements.pw.value === e.target.elements.pwch.value)) {
        return alert('비밀번호를 다시 확인해주세요')
    }
    console.log(email.value)
    const newUser = {
        email: email.value,
        password: pw.value,
        name: name.value
    };

    axios.post("http://localhost:5000/user/register", newUser)
        .then((response) => {
            alert("회원가입 성공");
            //localStorage.removeItem("emailch");

        })
        .catch((err) => {
            if (!err.response) {
                alert(err);
            }
            else {
                alert(err.response.data)
            }

        });
}

function emailch(inputData) {
    var mail = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    let email = inputData;
    if (email == '' || !mail.test(email)) {
        return alert("올바른 이메일 주소를 입력하세요")
    }
    axios.post('http://localhost:5000/user/register/emailch', {
        email: email,

    })
        .then(response => {

            alert("이 이메일은 사용이 가능합니다.")
            localStorage.setItem("emailch", response.data.token);

        }).catch(err => {
            alert("이미 사용 중인 이메일 입니다.");

        })
}

export default Register;

Registerdata 함수 안에 let history = useHistory(); 만 추가되면

이 오류창이 빠르게 나타났다가 사라집니다