I'm trying to implement a React script where I update a variable and make it equal to the input but I'm not able to update it. (Input is a 10 digit number )

Here is my script-

```
const [MeetingIDi, setMeetingIDi] = useState('')
 const handleUserInputChange = (e) =>
      {
        setMeetingIDi(e.target.name);
        fetchTrans()
      };

return <RightWrapper>
        <Header>
          <Button onClick={handleDelete}>Delete Transcription</Button>
          <Button onClick={signOut}>Sign out</Button>
          <input type="text" placeholder="Meeting ID" defaultValue="Hello!" onChange={handleUserInputChange}/>
        </Header>

```