TypeScript Error: Property 'pages' Does Not Exist on Story Type

export const getGeneratedStories: GetGeneratedStories<void, Story[]> = async (
  _args,
  context,
) => {
  if (!context.user) {
    throw new HttpError(401);
  }

  const stories = await context.entities.Story.findMany({
    where: {
      userId: context.user.id,
      deletedAt: null,
    },
    include: {
      pages: true,
    },
  });

  return stories;
};

export const getGeneratedStories: GetGeneratedStories<void, Story[]> = async (
  _args,
  context,
) => {
  if (!context.user) {
    throw new HttpError(401);
  }

  const stories = await context.entities.Story.findMany({
    where: {
      userId: context.user.id,
      deletedAt: null,
    },
    include: {
      pages: true,
    },
  });

  return stories;
};

{stories.map((story) => {
  const isDisabled =
    story.status === "pending" || story.status === "generating";
  
  // TypeScript error here
  const pageCount = story?.pages?.length || 0;

  return (
    <></>
  );
})}

{stories.map((story) => {
  const isDisabled =
    story.status === "pending" || story.status === "generating";
  
  // TypeScript error here
  const pageCount = story?.pages?.length || 0;

  return (
    <></>
  );
})}