An api call made from serverSideProps there is no session object in api middleware.? How can I send session through axios?

[izlemicom]

Question 💬

`export async function getServerSideProps(ctx) {
  const session = await getSession(ctx);
  console.log(session);
  let isAuthor: boolean = false;
  let data = {};
  if (!session)
    return {
      props: {
        isAuthor,
        session,
        data,
      },
    };
  if (session.role !== "AUTHOR")
    return {
      props: {
        isAuthor,
        session,
        data,
      },
    };
  if (session) {
    data = await axios({
      data: {
        userId: session.id,
        days: 14,
      },
      method: "GET",
      url: `/author/stats`,
      baseURL: process.env.BASE_API_URL,
    }).then(function (response) {
      return response.data;
    });
  }
  isAuthor = true;
  return {
    props: {
      isAuthor,
      session,
      data,
    },
  };
}`

I have an isuue with my api middleware. There is no session. I make an axios call in serverSideProps to my api. But there is no session in api.

import { NextApiRequest, NextApiResponse } from "next";
import { getSession } from "next-auth/client";

export interface BuneydiRequest extends NextApiRequest {
  role: string | null;
}

export default async function authorize(
  req: BuneydiRequest,
  res: NextApiResponse,
  next
) {
  req.role = "USER";
  const session = await getSession({ req });
  console.log(req);
  if (!session) return next(new Error("Yetkiniz yok."));
  req.role = session.role;
  next();
}

this is my middleware. Middleware works when all the components mounted. But not in serverSideProps api call.

How to reproduce ☕️

`export async function getServerSideProps(ctx) {
  const session = await getSession(ctx);
  console.log(session);
  let isAuthor: boolean = false;
  let data = {};
  if (!session)
    return {
      props: {
        isAuthor,
        session,
        data,
      },
    };
  if (session.role !== "AUTHOR")
    return {
      props: {
        isAuthor,
        session,
        data,
      },
    };
  if (session) {
    data = await axios({
      data: {
        userId: session.id,
        days: 14,
      },
      method: "GET",
      url: `/author/stats`,
      baseURL: process.env.BASE_API_URL,
    }).then(function (response) {
      return response.data;
    });
  }
  isAuthor = true;
  return {
    props: {
      isAuthor,
      session,
      data,
    },
  };
}`

I have an isuue with my api middleware. There is no session. I make an axios call in serverSideProps to my api. But there is no session in api.

import { NextApiRequest, NextApiResponse } from "next";
import { getSession } from "next-auth/client";

export interface BuneydiRequest extends NextApiRequest {
  role: string | null;
}

export default async function authorize(
  req: BuneydiRequest,
  res: NextApiResponse,
  next
) {
  req.role = "USER";
  const session = await getSession({ req });
  console.log(req);
  if (!session) return next(new Error("Yetkiniz yok."));
  req.role = session.role;
  next();
}

this is my middleware. Middleware works when all the components mounted. But not in serverSideProps api call.

Contributing 🙌🏽

Yes, I am willing to help answer this question in a PR

[bjornai]

I have no solution, just voicing I have the same problem. Any pages using getServersideProps, i do not get the session in middleware.

[alan-dx]

I'm facing the same problem. Api calls using getServerSideProps doesn't work, even following how indicated on documentation (https://next-auth.js.org/tutorials/securing-pages-and-api-routes#securing-api-routes). But works fine when the call is on client side.

At first I thought it was a problem unique to my project but i clone the example project (https://github.com/nextauthjs/next-auth-example) and tried to do Api calls on getServerSideProps, but the same problem ocurrs.

So if anyone got a solution please report it here. I will continue following the discussion.

[manoj-mukherjee-maersk]

Same issue. Any solution?