I am building a site to track key metrics for my state senators using App Router.

I am getting this error:
Error: _util_senator_js__WEBPACK_IMPORTED_MODULE_1___default(...).map is not a function

I have this component:

import Image from 'next/image';

export default function SenatorCard({
  firstName,
  lastName,
  district,
  party,
  yearElected,
}) {
  return (
    <div>
      <Image 
        src={photoURL} 
        alt={photoOfSenator`${lastName}`} />
      <h3>
        {firstName} {lastName}
      </h3>
        <p>{district}</p>
        <p>{yearElected}</p>
        <p>{party}</p>
     </div>
  );
}

This is my page:

import senatorList from '../../../../(util)/senator.js';

import SenatorCard from '../../../../(components)/SenatorCard.js';

export default async function Senator() {
  return (
    <>
      <h1>
        This is a list of Senators for the great state of Connecticut!
      </h1>
      {senatorList.map((d) => (
        <SenatorCard
          key={d.id}
          firstName={d.firstName}
          lastName={d.lastName}
          district={d.district}
          party={d.party}
          yearElected={d.yearElected}
          photoURL={d.photoURL}
        />
      ))}
    </>
  );
}

Not sure what I am doing wrong here...