Does getSession on the API folder work with getServerSideProps fetch request?

[markmendozadev]

Question 💬

Does getSession on the API folder work with getServerSideProps fetch request?

How to reproduce ☕️

My api code

session is always NULL when i do a get request on getServerSideProps.

useEffect works perfectly though

/api/tasks

const handler = async (req, res) => {
    if (req.method === "GET") {
     const session = await getSession({ req });

    if (!session) {
      res.status(401).json({ message: "Not Authenticated" });
      return;
    }
    const userId = session.user.id;
    const client = await connectDb();
    const db = client.db();
    const tasks = await db
      .collection("tasks")
      .find({ user_id: userId })
      .toArray();
    res.status(200).json(tasks);
  }
};

My serversideprops code

export const getServerSideProps = async (context) => {

  const res = await fetch(`http://localhost:3000/api/tasks`);
  const data = await res.json(); // i get a response of message: "Not Authenticated"
  return {
    props: { data },
  };
};

useEffect works perfectly though

  useEffect(() => {
    const fetchData = async () => {
      const res = await fetch(`http://localhost:3000/api/tasks`);
      const data = await res.json();
      console.log(data);
    };
    fetchData();
  }, []);

Contributing 🙌🏽

No, I am afraid I cannot help regarding this

[jamiviz]

Use this code in your _app.js :

function MyApp({Component, pageProps}) { return ( <SessionProvider session={pageProps.session}> <Component {...pageProps} /> </SessionProvider> ); }

[markmendozadev]

@jaminecode Hello that's already how my _app.js looks like I wrapped it with the SessionProvider.

import "../styles/globals.css";
import { SessionProvider } from "next-auth/react";
import Layout from "../components/layout/Layout";

function MyApp({ Component, pageProps: { session, ...pageProps } }) {
  return (
    <SessionProvider session={session}>
      <Layout>
        <Component {...pageProps} />
      </Layout>
    </SessionProvider>
  );
}
export default MyApp;

Not sure but I think if you make a request through the server-side the auth doesn't work.