Use a class for ResponseInfo

This allows us to have helper methods on the class.

src/client.tsx

@@ -31,7 +31,7 @@ import "@fontsource/source-serif-pro/index.css";
 import { i18nInstance } from "@ndla/ui";
 import { getCookie, setCookie } from "@ndla/util";
 import App from "./App";
-import ResponseContext from "./components/ResponseContext";
+import ResponseContext, { ResponseInfo } from "./components/ResponseContext";
 import { VersionHashProvider } from "./components/VersionHashContext";
 import { STORED_LANGUAGE_COOKIE_KEY } from "./constants";
 import { getLocaleInfoFromPath, initializeI18n, isValidLocale, supportedLanguages } from "./i18n";
@@ -179,13 +179,14 @@ const renderOrHydrate = (container: HTMLElement, children: ReactNode) => {
     hydrateRoot(container, children);
   }
 };
+const responseContext = new ResponseInfo(serverResponse);
 
 renderOrHydrate(
   document.getElementById("root")!,
   <HelmetProvider>
     <I18nextProvider i18n={i18n}>
       <ApolloProvider client={client}>
-        <ResponseContext.Provider value={{ status: serverResponse }}>
+        <ResponseContext.Provider value={responseContext}>
           <VersionHashProvider value={versionHash}>
             <LanguageWrapper basename={basename} />
           </VersionHashProvider>

src/components/ResponseContext.tsx

@@ -8,8 +8,17 @@
 
 import { createContext } from "react";
 
-export interface ResponseInfo {
+export class ResponseInfo {
   status?: number;
+
+  constructor(status?: number) {
+    this.status = status;
+  }
+
+  isAccessDeniedError(): boolean {
+    return this.status === 401 || this.status === 403;
+  }
 }
+
 const ResponseContext = createContext<ResponseInfo | undefined>(undefined);
 export default ResponseContext;

src/server/render/defaultRender.tsx

@@ -69,7 +69,7 @@ export const defaultRender: RenderFunc = async (req) => {
   const client = createApolloClient(locale, versionHash, req.path);
   const i18n = initializeI18n(i18nInstance, locale);
   const redirectContext: RedirectInfo = {};
-  const responseContext: ResponseInfo = {};
+  const responseContext: ResponseInfo = new ResponseInfo();
   // @ts-ignore
   const helmetContext: FilledContext = {};