Ввод на веб-странице React не отображается

Я следую учебнику Coding with kevins SQL, Node, Express и React JS на YouTube. https://thewikihow.com/video_rK6oTTbVbcY

Я нахожусь в учебнике, где я должен вводить данные в текстовое поле веб-страницы, и после нажатия кнопки «Отправить» данные будут отображаться в нижней части веб-страницы.

Всякий раз, когда я пытаюсь ввести имя и фамилию в соответствующее текстовое поле, оно не отображается внизу страницы.

вот мой код из моего App.js:

import './App.css';

импортировать React, {useState} из 'реагировать';

function App() {
       const [employee, setEmployee] = useState({EmployeeID: 0,  Firstname: '', Lastname: '', Age: 0, Gender: ''});
  const [returnedData, setReturnedData] = useState([]);
  const setInput = (e) => {
    const {name, value} = e.target;
    console.info(value);
  
    if (name === 'EmployeeID' || name === 'Age') {
      setEmployee(prevState => ({...prevState,
        [name]: parseInt(name)
      }) );
      return;
    }
  
    setEmployee(prevState => ({
      ...prevState,
      [name]: value
    }));
  }
  const fetchData = async () => {
   
    console.info(employee);
    
    const newData = await fetch('/api', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json'
      },
      body: JSON.stringify({
        name: employee.Firstname
      })
    })
    .then(res => res.json())
    console.info(newData[0]); 
  }

  return (
    <div className = "App">
      <input 
        type = "number" 
        name = "EmployeeID" 
        placeholder = "EmployeeID"
        onChange = {setInput}>
      </input>
      <input 
        name = "Firstname" 
        placeholder = "Firstname" 
        onChange = {setInput}>
      </input>
      <input 
          name = "Lastname" 
          placeholder = "Lastname" 
          onChange = {setInput}>
      </input>
      <input 
        type = "number" 
        name = "Age" 
        placeholder = "Age"
        onChange = {setInput}>
      </input>
      <input 
          name = "Gender" 
          placeholder = "Gender" 
          onChange = {setInput}>
      </input>
      <button onClick = {()=> fetchData()}>Clicky</button>
      <button onClick = {()=> fetchData()}>Create</button>
      <p>EmployeeID: {returnedData.EmployeeID}</p>
      <p>Firstname: {returnedData.Firstname}</p>
      <p>Lastname: {returnedData.Lastname}</p>
      <p>Age: {returnedData.Age}</p>
      <p>Gender: {returnedData.Gender}</p>
      {returnedData}
      {returnedData.name}
    </div>
  );
}

export default App;`enter code here`