Passing Thoughts App Not Working when deleting thoughts

hi im having issue when im trying to delete the thoughts the app does not load i get blank screen can anyone help.

App.js

import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import { AddThoughtForm } from './AddThoughtForm';
import { Thought } from './Thought';
import { generateId, getNewExpirationTime } from './utilities';

function App() {
  const [thoughts, setThoughts] = useState([
    {
      id: generateId(),
      text: 'This is a place for your passing thoughts.',
      expiresAt: getNewExpirationTime(),
    },
    {
      id: generateId(),
      text: "They'll be removed after 15 seconds.",
      expiresAt: getNewExpirationTime(),
    },
  ]);

  const addThought = (thought) => {
    setThoughts((thought) => [thought, ...thoughts])
  }
  
  const removeThought = (thoughtIdToRemove) => {
    setThoughts(thoughts){
      thoughts.filter((t)=>!t.id !==thoughtIdToRemove)
    }
  }

  return (
    <div className="App">
      <header>
        <h1>Passing Thoughts</h1>
      </header>
      <main>
        <AddThoughtForm addThought={addThought} />
        <ul className="thoughts">
          {thoughts.map((thought) => (
            <Thought key={thought.id} thought={thought} removeThought={removeThought} />
          ))}
        </ul>
      </main>
    </div>
  );
}
ReactDOM.render(<App />, document.getElementById('app'));

AppThoughtForm.js

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

export function AddThoughtForm(props) {
  const [text, setText] = useState('');
  const handleTextChange = (event) => {
    setText(event.target.value);
  };
  const handleSubmit = (event) => {
    event.preventDefault();
   const thought = {
      id: generateId(),
      text: text,
      expiresAt: getNewExpirationTime(),
    };
  if (text.length < 0) {
    props.addThought(thought);
    setText('');
   }
  };


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

Thought.js

import React, {useEffect} from 'react';

export function Thought(props) {
  const { thought, removeThought } = props;

  const handleRemoveClick = () => {
    removeThought(thought.id);
  };
  
  useEffect(()=>{
    const  = thought.expiresAt - Date.now();
    const timeout = setTimeout(()=>{
    removeThought(thought.id)
    }, timeRemaining);
    return ()=>{
      clearTimeout(timeout);
    }
    },[thought]);

  return (
    <li className="Thought">
      <button
        aria-label="Remove thought"
        className="remove-button"
        onClick={handleRemoveClick}
      >
        &times;
      </button>
      <div className="text">{thought.text}</div>
    </li>
  );
}
const  = thought.expiresAt - Date.now();

The above line in Thought.js has incorrect syntax. You need to include the name (timeRemaining) after the const declaration. Building the project locally in VS Code from create-react-app makes it really easy to catch these kinds of errors.