flytter driftsmeldinger til server-side

src/app.tsx

@@ -23,7 +23,6 @@ import {getPathPrefixIncludingLocale} from "./getPathPrefixIncludingLocale.ts";
 import {QueryClient, QueryClientProvider} from "@tanstack/react-query";
 import {ReactQueryDevtools} from "@tanstack/react-query-devtools";
 import {onLanguageSelect, setParams} from "@navikt/nav-dekoratoren-moduler";
-import {Driftsmeldinger} from "./lib/driftsmeldinger/Driftsmeldinger.tsx";
 
 const queryClient = new QueryClient();
 
@@ -53,7 +52,6 @@ export default function App() {
     return (
         <Suspense fallback={<ApplicationSpinner />}>
             <QueryClientProvider client={queryClient}>
-                <Driftsmeldinger />
                 <BrowserRouter
                     basename={prefix}
                     future={{

src/app/[locale]/layout.tsx

@@ -2,6 +2,7 @@ import {isSupportedLanguage} from "../../lib/i18n/common.ts";
 import {DigisosContextProvider} from "../../lib/providers/DigisosContextProvider.tsx";
 import {NextIntlClientProvider} from "next-intl";
 import {getMessages} from "next-intl/server";
+import {Driftsmeldinger} from "../../lib/driftsmeldinger/Driftsmeldinger.tsx";
 
 export default async function Layout({
     children,
@@ -16,7 +17,10 @@ export default async function Layout({
     const locale = isSupportedLanguage(localeParam) ? localeParam : "nb";
     return (
         <NextIntlClientProvider messages={messages} locale={locale}>
-            <DigisosContextProvider locale={locale}>{children}</DigisosContextProvider>
+            <DigisosContextProvider locale={locale}>
+                <Driftsmeldinger />
+                {children}
+            </DigisosContextProvider>
         </NextIntlClientProvider>
     );
 }

src/app/[locale]/page.tsx

@@ -7,7 +7,6 @@ import {DigisosContext} from "../../lib/providers/DigisosContext.ts";
 import {BASE_PATH} from "../../lib/constants.ts";
 import {configureLogger} from "@navikt/next-logger";
 import {initAmplitude} from "../../lib/amplitude/Amplitude.tsx";
-import {Driftsmeldinger} from "../../lib/driftsmeldinger/Driftsmeldinger.tsx";
 
 const Page = () => {
     configureLogger({basePath: BASE_PATH});
@@ -21,12 +20,7 @@ const Page = () => {
     onLanguageSelect(({locale: language, url}) =>
         setParams({language}).then(() => window.location.assign(`${url}${path}`))
     );
-    return (
-        <>
-            <Driftsmeldinger />
-            <Informasjon />
-        </>
-    );
+    return <Informasjon />;
 };
 
 export default Page;

src/lib/driftsmeldinger/Driftsmeldinger.tsx

@@ -1,15 +1,9 @@
-"use client";
 import {Alert} from "@navikt/ds-react";
 import Markdown from "markdown-to-jsx";
 import {getDriftsmeldinger} from "./getDriftsmeldinger.ts";
-import {useEffect, useState} from "react";
-import {Driftsmelding} from "./types.ts";
 
-export const Driftsmeldinger = () => {
-    const [driftsmeldinger, setDriftsmeldinger] = useState<Driftsmelding[] | null>(null);
-    useEffect(() => {
-        getDriftsmeldinger().then(setDriftsmeldinger);
-    }, []);
+export const Driftsmeldinger = async () => {
+    const driftsmeldinger = await getDriftsmeldinger();
     return driftsmeldinger?.map(({severity, text}) => (
         <Alert
             variant={severity}