Тип Prisma findMany для использования таблицы реагирования tanstack

Я хочу создать таблицу (используя таблицу tanstack) с данными, полученными с помощью Prisma.findMany. Допустим, у меня есть модель пользователя:

model User {
  id Int @id @default(autoincrement())
  name String
  age String
  email String
}

Теперь в моем компоненте страницы я использую (для нумерации страниц):

const users = await prisma.user.findMany({skip: 0, take: 10})

Затем мне нужно создать columnsDefs:

export const userColumnDefs: ColumnDef<WHAT_HERE>[] = [
  {
    accessorKey: "id",
    header: "ID",
    enableHiding: false,
  },
  {
    accessorKey: "User Name",
    accessorFn: (user: WHAT_HERE) => user.name,
    header: ({ column }) => {
      return (
        <Button onClick = {() => column.toggleSorting()}>
          <span className = "text-xs">User Name</span>
        </Button>
      );
    },
    enableHiding: false,
  },
  ...and more
]

Мой вопрос: какой тип я могу использовать в этом случае? Я хочу извлечь ColumnDefs в другой файл, поэтому не могу этого сделать typeof users

Я не смог найти подходящего решения, поэтому спасибо за каждый комментарий.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
152
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

команда prisma generate генерирует типы для каждой таблицы в "@prisma/client";

import { type User } from "@prisma/client";

export const userColumnDefs: ColumnDef<User>[] = [
  {
    accessorKey: "User Name",
    accessorFn: (user) => user.name,
    header: ({ column }) => {
      return (
        <Button onClick = {() => column.toggleSorting()}>
          <span className = "text-xs">User Name</span>
        </Button>
      );
    },
  },
]

Другие вопросы по теме