NextJS App Directory and Prisma

Unanswered

Ojos Azules posted this in #help-forum

Ojos AzulesOP

2023-06-23T13:20:13.000Z

I have this component that i fetch from prisma and display the barber names. But this component should be connected with a component that is client component because the client compnent have the images and links and this component has only the names, but i cant connect component with prisma client in client component. What do you recommend to do for this problem? This is my client component

17 Replies

@Ojos Azules I have this component that i fetch from prisma and display the barber names. But this component should be connected with a component that is client component because the client compnent have the images and links and this component has only the names, but i cant connect component with prisma client in client component. What do you recommend to do for this problem? This is my client component

joulev

2023-06-23T13:40:05.000Z

import PageClient from "./page-client";
export default async function Page() {
  const data = await getData();
  return <PageClient data={data} />;
}

"use client";
export default function PageClient({ data }) {
  // use redux and everything client-side here
  return <div />;
}

Ojos AzulesOP

2023-06-23T13:45:03.000Z

import prisma from "@/prisma/lib/prisma";
import Team from "../components/Team";

export default async function BarberData() {
  const barbers = await prisma.barber.findMany();
  return (
    <Team barbers={barbers} />
   
  );
}

i did this

Its correct?

joulev

2023-06-23T13:45:37.000Z

yes looks correct

Ojos AzulesOP

2023-06-23T13:47:11.000Z

Nah barbers are undefined on team.tsx

@Ojos Azules

joulev

2023-06-23T13:53:06.000Z

try "use client"; not "use client";