I'm trying to authenticate using JWT's.

1. I have a serverside function that authenticates the user and sends the token to the client side.
2. On the clientside, if I receive a jwt, I route to the next page.

Next time the user does something on the clientside, and needs to be re-routed, or needs to call a serverside function, how do I authenticate them with the JWT.

I assume I need to pass the jwt down as a prop from when I authenticate them. If this is correct, how do I pass down props using the App Router?
If this is not the way to do it, how should I do it? Should I be setting a hearder or something?

  const onSubmit: SubmitHandler<Inputs> = async (data) => {
    const { email, password } = data;
    const request = new Request('/api/login', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ email, password }),
    });

    const response = await fetch(request);
    const responseJson : userData = await response.json();

    if (!response.ok) {
      console.log(response.statusText);
      setErrorMessage(true);
    }

    router.push('/dashboard');
    // route to dashboard
  };