redux-下一个包装器，带有supabase v2 ssr

Question

在supabase V2之前，我获得了我的数据，并使用这样的redux存储在其中：

不幸的是，supabase V2破坏了redux-next-wrapper的一些功能

export const getServerSideProps = wrapper.getServerSideProps(
  (store) => async ({ req }) => {
    const { user } = await supabase.auth.api.getUserByCookie(req);
    if (user === null) {
      return {
        redirect: {
          permanent: false,
          destination: "/auth",
        },
        props: {},
      };
    }
    if (user) {
      async function getData() {
        let { data, error, status } = await supabase
          .from("table")
          .select(`id`)
          .eq("id", user.id);
        store.dispatch(writeUserData(data));
        return data;
      }

      return {
        props: {
          data: await getData(),
        },
      };
    }
  }
);

有什么想法吗?如何用withPageAuth()实现相同的功能？

export const getServerSideProps = withPageAuth({
  redirectTo: '/foo',
  async getServerSideProps (ctx, supabase) {
    // Access the user object
    const {
      data: { user }
    } = await supabase.auth.getUser()

    return { props: { id: user?.id } }
  }
})

Answer 1

这与您已经拥有的类似，只是重定向已经由withPageAuth处理了。

export const getServerSideProps = withPageAuth({
  redirectTo: '/auth',
  async getServerSideProps (ctx, supabase) {
    // Access the user object
    const {
      data: { user }
    } = await supabase.auth.getUser()

    let { data, error, status } = await supabase
      .from("table")
      .select(`id`)
      .eq("id", user.id);
    store.dispatch(writeUserData(data));

    return { props: { data } }
  }
})