fix(nextjs): fix loading of env var as "undefined"

Author: OliverDudgeon

src/pages/_app.tsx

@@ -62,8 +62,8 @@ const App = ({ Component, pageProps, emotionCache = clientSideEmotionCache }: Cu
       </Head>
       <ThemeProviders>
         <UserProvider
-          loginUrl={`${process.env.NEXT_PUBLIC_BASE_PATH}/api/auth/login`}
-          profileUrl={`${process.env.NEXT_PUBLIC_BASE_PATH}/api/auth/me`}
+          loginUrl={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/auth/login`}
+          profileUrl={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/auth/me`}
         >
           <QueryClientProvider client={queryClient}>
             <HydrationBoundary state={pageProps.dehydratedState}>

src/utils/next/ssr.ts

@@ -2,7 +2,7 @@ import { type DehydratedState } from "@tanstack/react-query";
 import { type GetServerSidePropsContext } from "nextjs-routes";
 
 export const getFullReturnTo = (ctx: GetServerSidePropsContext): string => {
-  return process.env.NEXT_PUBLIC_BASE_PATH + ctx.resolvedUrl;
+  return (process.env.NEXT_PUBLIC_BASE_PATH ?? "") + ctx.resolvedUrl;
 };
 
 export interface NotSuccessful {