Passing thought project

Hello, I’m doing this passing thought project and I got stuck at task 5. My form should not reload when I click the button but it it doesn’t work. I watched the walkthrough video and still can’t figure out it keeps refreshing.

import React, {useState} from 'react';
import { generateId, getNewExpirationTime } from './utilities';

export function AddThoughtForm(props) {

const [text, setText] = useState('');

const handeTextChange = (event) => {
  setText(event.target.value);
}

const handleSubmit = (event) => {
  event.preventDefault();
};

  return (
     <form className="AddThoughtForm" onSubmit={handleSubmit}>
      <input
        type="text"
        aria-label="What's on your mind?"
        placeholder="What's on your mind?"
        value="text"
        onChange={handleTextChange}
      />
      <input type="submit" value="Add" />
    </form>
  );
}