17 replies

Noob question: How to pass a string to a child component?

I used prisma to get two strings from a database, now I want to give those two strings to a client component. This is because client components cant use prisma.
I'm new to react, how can I pass these strings to the client component?

I'm thinking something like this:

"use client";

import { NextRequest, NextResponse } from "next/server";
import { redirect } from "next/navigation";
import { signIn } from "next-auth/react";

interface TwoStringsComponentProps {
    email: string;
    token: string;
}

export default function Activate({email, token}:{props: TwoStringsComponentProps}) {

  async function signInCall(){
    const signInResponse = await signIn("credentials", {
      email: {email},
      token: {token},
      callbackUrl: "/dashboard",
    });
  
  }

  signInCall()

    return <div>Hello world</div>;
    //now the cookie should be on the client machine
}

"use client";

import { NextRequest, NextResponse } from "next/server";
import { redirect } from "next/navigation";
import { signIn } from "next-auth/react";

interface TwoStringsComponentProps {
    email: string;
    token: string;
}

export default function Activate({email, token}:{props: TwoStringsComponentProps}) {

  async function signInCall(){
    const signInResponse = await signIn("credentials", {
      email: {email},
      token: {token},
      callbackUrl: "/dashboard",
    });
  
  }

  signInCall()

    return <div>Hello world</div>;
    //now the cookie should be on the client machine
}

and then the main page.tsx would have like:

<Activate email={email} token={token} />

<Activate email={email} token={token} />

How should I do this? This has been taking an embarrassing amount of time trying to figure out.

Noob question: How to pass a string to a child component?

Similar Threads