I have a component setup with a getServerSideProps and for some reason I got undefined for the initialUserData.

code:

export async function getServerSideProps(context: any) {
  // Fetch user data from Supabase using session

  return {
    props: {
      initialUserData: "something",
    },
  };
}

function DashboardWrapper({ children, initialUserData }: any) {
  const router = useRouter();
  const [loading, setLoading] = useState(false);
  const [stage, setStage] = useState("");
  const [paymentModal, setPaymentModal] = useState(false);
  const [type, setType] = useState("");
  const [success, setSuccess] = useState(false);
  const supabase = useSupabaseClient();
  const [complete, setComplete] = useState(false);
  const [discordModal, setDiscordModal] = useState(false);
  const [userData, setUserData] = useState<any>({});

  useEffect(() => {
    console.log("initialUserData", initialUserData);
  }, [initialUserData]);