Ошибка TypeScript {импортированный модуль XXX} не является функцией в маршрутизаторе приложений Next.js [закрыто] ⇐ Javascript

[Anonymous]

Я пытаюсь создать динамическую страницу, используя локально созданные данные, в частности, с помощью React и Next.js. К сожалению, выдает ошибку.
Моя структура папок такая:

Код: Выделить всё

app/
projects/
[project]/
page.tsx
lib/
data.tsx

Файл данных выглядит примерно так (для примера он сокращен):

Код: Выделить всё

const projects = [
{
id: "001",
client: “Tom",
summary: “A bit of a project summary",
},
{
id: "002",
client: “Dick",
summary: "A bit of a project summary",
},
{
id: "003",
client: “Harry",
summary: "A bit of a project summary",
},
];
export { projects };

и моя страница сейчас содержит это:

Код: Выделить всё

import { projects } from "../../lib/data";

type Props = {
params: { slug: string };
};
export default async function BlogPost({ params }: Props) {
const project = await projects(params.slug);
return (

{project.client}
{project.summary}

);
}

Моя проблема в том, что projects() в page.tsx выдает ошибку TypeError: {imported Module ./react/src/app/lib/data.ts}.projects не является функцией, поэтому я понимаю, что проекты не являются функцией, но как мне решить эту проблему?
Код очень похож на кучу примеров, которые я видел, предлагая решения для App Router, но я не видел ни одного упоминания или решения этой проблемы. конкретная проблема.

Подробнее здесь: https://stackoverflow.com/questions/798 ... app-router