I’m trying to forward users to checkout if they don’t have u subscription after signin, does this code looks fine to you guys?

import {
getActiveProductsWithPrices,
getSession,
getSubscription,
} from '@/app/supabase-server';
import AuthUI from './AuthUI';
import { redirect } from 'next/navigation';
import Redirect from '@/components/Redirect';

export default async function SignIn() {
const [session, subscription, products] = await Promise.all([getSession(), getSubscription(), getActiveProductsWithPrices()]);

if (session && subscription === null) {
return <Redirect products={products} />
}

if (session) {
return redirect('/account');
}


return (
...Auth
);
}


and then the Redirect Component:

'use client';

import { postData } from '@/utils/helpers';
import { getStripe } from '@/utils/stripe-client';
import { useEffect } from 'react';
import LoadingScreen from '@/components/LoadingScreen';

export default function Redirect({products }) {

useEffect(() => {

const getCheckout = async () => {
const price = products[0].prices[0];

const { sessionId } = await postData({
url: '/api/create-checkout-session',
data: { price }
});

const stripe = await getStripe();
stripe?.redirectToCheckout({ sessionId });
}

getCheckout();

},[products]);

return <LoadingScreen />;
}



It works, but it just seems a bit slow to happen……