Added a new page, can't get it to load

//#region Client
route ClientRoute { path: "/client", to: ClientPage }
page ClientPage {
  authRequired: true,
  component: import ClientPage from "@src/client-page/ClientPage"
}
//#endregion

import React, { useState } from 'react';
import { useAuth } from 'wasp/client/auth';

function ClientPage() {
  const [clientName, setClientName] = useState('');
  const [clientDescription, setClientDescription] = useState('');
  const { data: user, isLoading, error } = useAuth();

  if (isLoading) return <div>Loading...</div>;
  if (error) return <div>Error: {error.message}</div>;

  const handleClientSubmit = async (event) => {
    event.preventDefault();
    // Add your API call to save the client's company name and description here
    console.log('Submitting:', { clientName, clientDescription });
  };

  return (
    <div>
      <h1>Client Page</h1>
      <p>Welcome, {user?.email}</p>
      <form onSubmit={handleClientSubmit}>
        <label>Company Name:</label>
        <input
          type="text"
          value={clientName}
          onChange={(e) => setClientName(e.target.value)}
        />
        <br />
        <label>Description:</label>
        <textarea
          value={clientDescription}
          onChange={(e) => setClientDescription(e.target.value)}
        />
        <br />
        <button type="submit">Submit</button>
      </form>
    </div>
  );
}

export default ClientPage;