From 45807fbf770cf6d3bce3a286b1f88dffa06295f5 Mon Sep 17 00:00:00 2001
From: "Anders.Vik.Lysne" <anders.vik.lysne@nav.no>
Date: Fri, 27 Dec 2024 10:52:36 +0100
Subject: [PATCH 1/2] =?UTF-8?q?Legg=20til=20default-value=20handling=20p?=
 =?UTF-8?q?=C3=A5=20OrganisasjonerOgTilgangerProvider?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Pages/Banner.tsx                          |  6 +-
 .../Hovedside/BeOmTilgang/BeOmTilgang.tsx     | 10 +--
 src/Pages/Hovedside/InfoBokser.tsx            |  4 +-
 src/Pages/Hovedside/SisteSaker.tsx            |  4 +-
 src/Pages/OrganisasjonDetaljerProvider.tsx    |  6 +-
 .../OrganisasjonerOgTilgangerProvider.tsx     | 10 ++-
 src/Pages/Saksoversikt/FilterChips.tsx        |  6 +-
 .../Saksoversikt/Saksfilter/Saksfilter.tsx    | 65 +++++++++++--------
 .../Virksomhetsmeny/Virksomhetsmeny.tsx       |  6 +-
 src/Pages/Saksoversikt/Saksoversikt.tsx       |  8 +--
 src/Pages/Saksoversikt/useSaker.tsx           |  4 +-
 src/tests/A11y.test.tsx                       |  4 +-
 12 files changed, 75 insertions(+), 58 deletions(-)

diff --git a/src/Pages/Banner.tsx b/src/Pages/Banner.tsx
index 0d5e0d872..c40909216 100644
--- a/src/Pages/Banner.tsx
+++ b/src/Pages/Banner.tsx
@@ -1,8 +1,8 @@
-import React, { FunctionComponent, useContext, useEffect, useCallback } from 'react';
+import React, { FunctionComponent, useCallback, useContext, useEffect } from 'react';
 import Bedriftsmeny from '@navikt/bedriftsmeny';
 import '@navikt/bedriftsmeny/lib/bedriftsmeny.css';
 import { OrganisasjonsDetaljerContext } from './OrganisasjonDetaljerProvider';
-import { OrganisasjonerOgTilgangerContext } from './OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from './OrganisasjonerOgTilgangerProvider';
 import * as Record from '../utils/Record';
 import { NotifikasjonWidget } from '@navikt/arbeidsgiver-notifikasjon-widget';
 import { useSearchParams } from 'react-router-dom';
@@ -32,7 +32,7 @@ export const SaksoversiktBanner = () => (
 );
 
 export const BannerMedBedriftsmeny: FunctionComponent<OwnProps> = ({ sidetittel }) => {
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const { endreOrganisasjon, valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
 
     const [params, setParams] = useSearchParams();
diff --git a/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx b/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
index f61105d94..f30c4b108 100644
--- a/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
+++ b/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
@@ -1,16 +1,12 @@
 import React, { FC, FunctionComponent, MouseEventHandler, useContext } from 'react';
 import { Ekspanderbartpanel } from '../../../GeneriskeElementer/Ekspanderbartpanel';
 import {
-    OrganisasjonerOgTilgangerContext,
     OrganisasjonInfo,
+    useOrganisasjonerOgTilgangerContext,
 } from '../../OrganisasjonerOgTilgangerProvider';
 import { OrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
 import Organisasjonsbeskrivelse from './Organisasjonsbeskrivelse';
-import {
-    AltinntilgangAlleredeSøkt,
-    BeOmTilgangBoks,
-    BeOmSyfotilgang,
-} from './TjenesteInfo';
+import { AltinntilgangAlleredeSøkt, BeOmSyfotilgang, BeOmTilgangBoks } from './TjenesteInfo';
 import './BeOmTilgang.css';
 import { altinntjeneste, AltinntjenesteId } from '../../../altinn/tjenester';
 import { opprettAltinnTilgangssøknad } from '../../../altinn/tilganger';
@@ -78,7 +74,7 @@ const opprettSøknad = (
 
 const BeOmTilgang: FunctionComponent = () => {
     const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
-    const { altinnTilgangssøknad } = useContext(OrganisasjonerOgTilgangerContext);
+    const { altinnTilgangssøknad } = useOrganisasjonerOgTilgangerContext();
 
     const tjenesteinfoBokser: JSX.Element[] = [];
     if (valgtOrganisasjon === undefined) {
diff --git a/src/Pages/Hovedside/InfoBokser.tsx b/src/Pages/Hovedside/InfoBokser.tsx
index b8d1a78e8..dd9304983 100644
--- a/src/Pages/Hovedside/InfoBokser.tsx
+++ b/src/Pages/Hovedside/InfoBokser.tsx
@@ -1,7 +1,7 @@
 import React, { FC, useContext, useEffect } from 'react';
 import * as Record from '../../utils/Record';
 import './InfoBokser.css';
-import { OrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
 import { gittMiljo } from '../../utils/environment';
 import { shouldDisplay } from '../../GeneriskeElementer/DisplayBetween';
 import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
@@ -34,7 +34,7 @@ const infobokser: Array<InfoboksProps> = [
         visFra: new Date('2023-11-13T10:00:00+02:00'),
         visTil: new Date('2023-11-15T08:00:00+01:00'),
         Component: () => {
-            const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+            const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
             const harSyfotilgangPåTvers = Record.values(organisasjoner).some(
                 (org) => org.syfotilgang
             );
diff --git a/src/Pages/Hovedside/SisteSaker.tsx b/src/Pages/Hovedside/SisteSaker.tsx
index d755739c7..abda8dbe7 100644
--- a/src/Pages/Hovedside/SisteSaker.tsx
+++ b/src/Pages/Hovedside/SisteSaker.tsx
@@ -7,7 +7,7 @@ import amplitude from '../../utils/amplitude';
 import { Heading, Tag } from '@navikt/ds-react';
 import { useSessionStateForside } from '../Saksoversikt/useOversiktSessionStorage';
 import { SakSortering } from '../../api/graphql-types';
-import { OrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
 import { Set } from 'immutable';
 import { InternalLenkepanelMedLogging } from '../../GeneriskeElementer/LenkepanelMedLogging';
 
@@ -36,7 +36,7 @@ const SisteSaker = () => {
     const { valgtOrganisasjon, antallSakerForAlleBedrifter } = useContext(
         OrganisasjonsDetaljerContext
     );
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const location = useLocation();
 
     const { loading, data } = useSaker(0, {
diff --git a/src/Pages/OrganisasjonDetaljerProvider.tsx b/src/Pages/OrganisasjonDetaljerProvider.tsx
index 4e13c42ff..d8a509218 100644
--- a/src/Pages/OrganisasjonDetaljerProvider.tsx
+++ b/src/Pages/OrganisasjonDetaljerProvider.tsx
@@ -1,7 +1,7 @@
-import React, { FunctionComponent, useContext, useEffect, useState } from 'react';
+import React, { FunctionComponent, useEffect, useState } from 'react';
 import {
-    OrganisasjonerOgTilgangerContext,
     OrganisasjonInfo,
+    useOrganisasjonerOgTilgangerContext,
 } from './OrganisasjonerOgTilgangerProvider';
 import { useLoggBedriftValgtOgTilganger } from '../utils/funksjonerForAmplitudeLogging';
 import { Organisasjon } from '../altinn/organisasjon';
@@ -22,7 +22,7 @@ export type Context = {
 export const OrganisasjonsDetaljerContext = React.createContext<Context>({} as Context);
 
 export const OrganisasjonsDetaljerProvider: FunctionComponent<Props> = ({ children }: Props) => {
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const [valgtOrganisasjon, setValgtOrganisasjon] = useState<OrganisasjonInfo | undefined>(
         organisasjoner[sessionStorage.getItem('bedrift') ?? '']
     );
diff --git a/src/Pages/OrganisasjonerOgTilgangerProvider.tsx b/src/Pages/OrganisasjonerOgTilgangerProvider.tsx
index a9259733d..61aabcb27 100644
--- a/src/Pages/OrganisasjonerOgTilgangerProvider.tsx
+++ b/src/Pages/OrganisasjonerOgTilgangerProvider.tsx
@@ -46,7 +46,15 @@ export type Context = {
     childrenMap: Map<string, Set<string>>;
 };
 
-export const OrganisasjonerOgTilgangerContext = React.createContext<Context>({} as Context);
+const OrganisasjonerOgTilgangerContext = React.createContext<Context | undefined>(undefined);
+
+export const useOrganisasjonerOgTilgangerContext = () => {
+    const organisasjonerOgTilgangerContext = useContext(OrganisasjonerOgTilgangerContext);
+    if (organisasjonerOgTilgangerContext === undefined) {
+        throw new Error('OrganisasjonerOgTilgangerContext må brukes inne i en OrganisasjonerOgTilgangerProvider');
+    }
+    return organisasjonerOgTilgangerContext;
+}
 
 const useBeregnAltinnTilgangssøknad = ():
     | Record<orgnr, Record<AltinntjenesteId, Søknadsstatus>>
diff --git a/src/Pages/Saksoversikt/FilterChips.tsx b/src/Pages/Saksoversikt/FilterChips.tsx
index 12ffa273c..a3c86a938 100644
--- a/src/Pages/Saksoversikt/FilterChips.tsx
+++ b/src/Pages/Saksoversikt/FilterChips.tsx
@@ -7,7 +7,9 @@ import { amplitudeChipClick } from './Saksoversikt';
 import { Organisasjon } from '../../altinn/organisasjon';
 import { count } from '../../utils/util';
 import { Filter, State } from './useOversiktStateTransitions';
-import { OrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
+import {
+    useOrganisasjonerOgTilgangerContext,
+} from '../OrganisasjonerOgTilgangerProvider';
 import { Collapse, Expand } from '@navikt/ds-icons';
 
 export type FilterChipsProps = {
@@ -16,7 +18,7 @@ export type FilterChipsProps = {
 };
 
 export const FilterChips = ({ state, byttFilter }: FilterChipsProps) => {
-    const { organisasjonstre, childrenMap } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjonstre, childrenMap } = useOrganisasjonerOgTilgangerContext();
 
     const onTømAlleFilter = () => {
         byttFilter({
diff --git a/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx b/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
index 8a5767bd8..c0bcf7b51 100644
--- a/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
+++ b/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useContext, useEffect, useRef, useState } from 'react';
+import React, { FC, useEffect, useRef, useState } from 'react';
 import './Saksfilter.css';
 import { Virksomhetsmeny } from './Virksomhetsmeny/Virksomhetsmeny';
 import { Søkeboks } from './Søkeboks';
@@ -6,10 +6,15 @@ import { Filter } from '../useOversiktStateTransitions';
 import { Ekspanderbartpanel } from '../../../GeneriskeElementer/Ekspanderbartpanel';
 import { BodyShort, Checkbox, CheckboxGroup, Heading, Label } from '@navikt/ds-react';
 import { Filter as FilterIkon } from '@navikt/ds-icons';
-import { OppgaveTilstand, OppgaveTilstandInfo, Sakstype, SakstypeOverordnet } from '../../../api/graphql-types';
+import {
+    OppgaveTilstand,
+    OppgaveTilstandInfo,
+    Sakstype,
+    SakstypeOverordnet,
+} from '../../../api/graphql-types';
 import { capitalize, sorted, splittListe } from '../../../utils/util';
 import { Set } from 'immutable';
-import { OrganisasjonerOgTilgangerContext } from '../../OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from '../../OrganisasjonerOgTilgangerProvider';
 import amplitude from '../../../utils/amplitude';
 import { LenkeMedLogging } from '../../../GeneriskeElementer/LenkeMedLogging';
 import { opprettInntektsmeldingURL } from '../../../lenker';
@@ -82,10 +87,12 @@ function sakstyperMedAntall(
                       ?.antall ?? 0,
     }));
 
-    const [sakstyperMedInntektsmeldingSykepenger, sakstyperUtenInntektsmeldingSykepenger] = splittListe(
-        sakstyperForFilter,
-        (filter) => filter.navn === 'Inntektsmelding' || filter.navn === 'Inntektsmelding sykepenger'
-    );
+    const [sakstyperMedInntektsmeldingSykepenger, sakstyperUtenInntektsmeldingSykepenger] =
+        splittListe(
+            sakstyperForFilter,
+            (filter) =>
+                filter.navn === 'Inntektsmelding' || filter.navn === 'Inntektsmelding sykepenger'
+        );
 
     const antallInntektsmeldingSykepenger = sakstyperForFilter
         .filter(({ navn }) => navn === 'Inntektsmelding' || navn === 'Inntektsmelding sykepenger')
@@ -120,7 +127,6 @@ const InntektsmeldingGruppe = (
         navn.includes('Inntektsmelding')
     );
 
-
     if (inntektsmeldingAlleValgtAvBruker) {
         valgteInntektsmeldingtyper = ['Inntektsmelding_gruppe'];
     } else if (andreInntektsmeldingerValgt) {
@@ -214,7 +220,7 @@ export const Saksfilter = ({
     alleSakstyper,
 }: SaksfilterProps) => {
     const [width, setWidth] = useState(window.innerWidth);
-    const { organisasjonstre } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjonstre } = useOrganisasjonerOgTilgangerContext();
 
     useEffect(() => {
         const setSize = () => setWidth(window.innerWidth);
@@ -231,7 +237,10 @@ export const Saksfilter = ({
 
     const sakstyperForFilter = sakstyperMedAntall(alleSakstyper, sakstypeinfo);
 
-    const [inntektsmeldingSakstyper, sakstyperUtenInntektsmelding] = splittListe(sakstyperForFilter, (filter) => filter.navn.includes('Inntektsmelding'));
+    const [inntektsmeldingSakstyper, sakstyperUtenInntektsmelding] = splittListe(
+        sakstyperForFilter,
+        (filter) => filter.navn.includes('Inntektsmelding')
+    );
 
     const sakstyper = [
         ...sakstyperUtenInntektsmelding,
@@ -316,7 +325,7 @@ export const Saksfilter = ({
 };
 
 const OpprettInntektsmelding = () => {
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const tilgangInntektsmelding = Object.values(organisasjoner).some(
         (org) => org.altinntilgang?.inntektsmelding === true
     );
@@ -333,23 +342,25 @@ const OpprettInntektsmelding = () => {
     }, []);
 
     if (tilgangInntektsmelding) {
-        return <div
-            ref={ref}
-            style={{
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '4px',
-                paddingBottom: '32px',
-            }}
-        >
-            <Label children="Opprett inntektsmelding manuelt" />
-            <LenkeMedLogging
-                loggLenketekst={'Opprett inntektsmelding manuelt'}
-                href={opprettInntektsmeldingURL}
+        return (
+            <div
+                ref={ref}
+                style={{
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '4px',
+                    paddingBottom: '32px',
+                }}
             >
-                Opprett inntektsmelding for sykepenger
-            </LenkeMedLogging>
-        </div>
+                <Label children="Opprett inntektsmelding manuelt" />
+                <LenkeMedLogging
+                    loggLenketekst={'Opprett inntektsmelding manuelt'}
+                    href={opprettInntektsmeldingURL}
+                >
+                    Opprett inntektsmelding for sykepenger
+                </LenkeMedLogging>
+            </div>
+        );
     } else {
         return null;
     }
diff --git a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx
index 7f96c0ae9..25df6912c 100644
--- a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx
+++ b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx
@@ -1,4 +1,4 @@
-import React, { forwardRef, ReactNode, useContext, useMemo, useState } from 'react';
+import React, { ReactNode, useMemo, useState } from 'react';
 import { CheckboxGroup, Search } from '@navikt/ds-react';
 import './Virksomhetsmeny.css';
 import { UnderenhetCheckboks } from './UnderenhetCheckboks';
@@ -7,7 +7,7 @@ import fuzzysort from 'fuzzysort';
 import { sum } from '../../../../utils/util';
 import amplitude from '../../../../utils/amplitude';
 import { Map, Set } from 'immutable';
-import { OrganisasjonerOgTilgangerContext } from '../../../OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from '../../../OrganisasjonerOgTilgangerProvider';
 
 export type VirksomhetsmenyProps = {
     valgteEnheter: Set<string>;
@@ -18,7 +18,7 @@ export const Virksomhetsmeny = ({
     valgteEnheter: valgteEnheterInput,
     setValgteEnheter,
 }: VirksomhetsmenyProps) => {
-    const { organisasjonstre, childrenMap } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjonstre, childrenMap } = useOrganisasjonerOgTilgangerContext();
     const alleOrganisasjoner = useMemo(
         () =>
             organisasjonstre.flatMap(({ hovedenhet, underenheter }) =>
diff --git a/src/Pages/Saksoversikt/Saksoversikt.tsx b/src/Pages/Saksoversikt/Saksoversikt.tsx
index 0347d5f82..62776bfa0 100644
--- a/src/Pages/Saksoversikt/Saksoversikt.tsx
+++ b/src/Pages/Saksoversikt/Saksoversikt.tsx
@@ -1,12 +1,12 @@
-import React, { FC, RefObject, useContext, useEffect, useRef, useState } from 'react';
+import React, { FC, RefObject, useEffect, useRef, useState } from 'react';
 import './Saksoversikt.css';
-import { Alert, Heading, Label, Pagination, Select } from '@navikt/ds-react';
+import { Heading, Label, Pagination, Select } from '@navikt/ds-react';
 import { SaksListe } from './SaksListe';
 import { Alerts } from '../Alerts';
 import { Filter, State, useOversiktStateTransitions } from './useOversiktStateTransitions';
 import { OmSaker } from './OmSaker';
 import { Saksfilter } from './Saksfilter/Saksfilter';
-import { OrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
 import * as Record from '../../utils/Record';
 import { Query, Sak, SakSortering } from '../../api/graphql-types';
 import { gql, TypedDocumentNode, useQuery } from '@apollo/client';
@@ -49,7 +49,7 @@ export const amplitudeChipClick = (kategori: string, filternavn: string) => {
 };
 
 export const Saksoversikt = () => {
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const orgs = organisasjoner
         ? Record.mapToArray(organisasjoner, (orgnr, { organisasjon }) => organisasjon)
diff --git a/src/Pages/Saksoversikt/useSaker.tsx b/src/Pages/Saksoversikt/useSaker.tsx
index b82462788..6a0ebe98d 100644
--- a/src/Pages/Saksoversikt/useSaker.tsx
+++ b/src/Pages/Saksoversikt/useSaker.tsx
@@ -6,7 +6,7 @@ import { Filter } from './useOversiktStateTransitions';
 import { Set } from 'immutable';
 import {
     OrganisasjonEnhet,
-    OrganisasjonerOgTilgangerContext,
+    useOrganisasjonerOgTilgangerContext,
 } from '../OrganisasjonerOgTilgangerProvider';
 import { ServerError } from '@apollo/client/link/utils';
 
@@ -148,7 +148,7 @@ export function useSaker(
     pageSize: number,
     { side, tekstsoek, virksomheter, sortering, sakstyper, oppgaveTilstand }: Filter
 ) {
-    const { organisasjonstre } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjonstre } = useOrganisasjonerOgTilgangerContext();
 
     const virksomhetsnumre = useMemo(
         () => beregnVirksomhetsnummer(organisasjonstre, virksomheter),
diff --git a/src/tests/A11y.test.tsx b/src/tests/A11y.test.tsx
index 42a84506f..5da98dc6a 100644
--- a/src/tests/A11y.test.tsx
+++ b/src/tests/A11y.test.tsx
@@ -5,8 +5,8 @@ import Hovedside from '../Pages/Hovedside/Hovedside';
 import { SWRConfig } from 'swr';
 import { AlertsProvider } from '../Pages/Alerts';
 import {
-    OrganisasjonerOgTilgangerContext,
     OrganisasjonerOgTilgangerProvider,
+    useOrganisasjonerOgTilgangerContext,
 } from '../Pages/OrganisasjonerOgTilgangerProvider';
 import {
     OrganisasjonsDetaljerContext,
@@ -39,7 +39,7 @@ describe('Hovedside', () => {
 });
 
 const MedValgtOrganisasjon: FC<{ children: ReactNode }> = ({ children }) => {
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const { valgtOrganisasjon, endreOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
 
     useEffect(() => {

From 9eb562f0301ac03416f72ea8e83b461d17f341e0 Mon Sep 17 00:00:00 2001
From: "Anders.Vik.Lysne" <anders.vik.lysne@nav.no>
Date: Fri, 27 Dec 2024 11:17:07 +0100
Subject: [PATCH 2/2] =?UTF-8?q?Legg=20til=20default-value=20handling=20p?=
 =?UTF-8?q?=C3=A5=20OrganisasjoneDetailjerProvider?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Pages/Artikkel/Artikkel.tsx                 |  6 +++---
 src/Pages/Banner.tsx                            |  6 +++---
 src/Pages/Hovedside/AktueltRubrikk.tsx          | 15 +++++++++------
 src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx |  6 +++---
 src/Pages/Hovedside/InfoBokser.tsx              |  8 ++++----
 src/Pages/Hovedside/Kalenderavtaler.tsx         |  6 +++---
 src/Pages/Hovedside/ManglerKofuviAlert.tsx      |  6 +++---
 src/Pages/Hovedside/ManglerKontonummerAlert.tsx |  8 ++++----
 .../Bedriftsinfoknapp/Bedriftsinfoknapp.tsx     |  6 +++---
 .../NyttigForDegContainer.tsx                   |  6 +++---
 src/Pages/Hovedside/SisteSaker.tsx              |  8 +++-----
 .../Hovedside/S\303\270knaderOgSkjemaer.tsx"    | 17 +++++++----------
 .../Arbeidsforhold/Arbeidsforhold.tsx           |  7 +++----
 .../useAntallArbeidsforholdFraAareg.ts          |  6 +++---
 .../Arbeidsplassen/Arbeidsplassen.tsx           |  5 ++---
 .../ForebyggeFrav\303\246r.tsx"                 | 15 +++++++++------
 .../useSykefrav\303\246r.ts"                    |  6 +++---
 .../Kandidatlister/Kandidatlister.tsx           |  7 +++----
 .../Kandidatlister/useAntallKandidater.ts       |  6 +++---
 .../Tjenestebokser/Sykmeldte/Sykmeldte.tsx      |  6 +++---
 .../TiltakAvtaler/TiltakAvtaler.tsx             |  6 +++---
 .../TiltakAvtaler/useAvtaleoversikt.ts          |  6 +++---
 .../TiltakRefusjoner/TiltakRefusjoner.tsx       | 17 +++++++++--------
 .../Hovedside/Tjenestebokser/Tjenestebokser.tsx |  6 +++---
 src/Pages/OmVirksomheten/Kontaktinfo.tsx        |  8 ++++----
 src/Pages/OmVirksomheten/OmVirksomheten.tsx     |  6 +++---
 src/Pages/OrganisasjonDetaljerProvider.tsx      | 14 ++++++++++++--
 .../Saksoversikt/useOversiktSessionStorage.ts   |  6 +++---
 src/tests/A11y.test.tsx                         |  6 +++---
 29 files changed, 120 insertions(+), 111 deletions(-)

diff --git a/src/Pages/Artikkel/Artikkel.tsx b/src/Pages/Artikkel/Artikkel.tsx
index b70fed133..22e1bb489 100644
--- a/src/Pages/Artikkel/Artikkel.tsx
+++ b/src/Pages/Artikkel/Artikkel.tsx
@@ -1,9 +1,9 @@
 import { Link as RouterLink, useParams } from 'react-router-dom';
 import { Brodsmulesti, Spinner } from '../Banner';
-import React, { useContext, useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { Alert, BodyShort, Heading, Link } from '@navikt/ds-react';
 import './Artikkel.css';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { LenkepanelMedLogging } from '../../GeneriskeElementer/LenkepanelMedLogging';
 import { useRawArtikkelHtml } from './useRawHtmlFromStorage';
 import { OrganisasjonInfo } from '../OrganisasjonerOgTilgangerProvider';
@@ -30,7 +30,7 @@ const artikler: Record<string, Artikkel> = {
 };
 
 export const Artikler = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     if (!valgtOrganisasjon) {
         return null;
     }
diff --git a/src/Pages/Banner.tsx b/src/Pages/Banner.tsx
index c40909216..cfa8800b3 100644
--- a/src/Pages/Banner.tsx
+++ b/src/Pages/Banner.tsx
@@ -1,7 +1,7 @@
-import React, { FunctionComponent, useCallback, useContext, useEffect } from 'react';
+import React, { FunctionComponent, useCallback, useEffect } from 'react';
 import Bedriftsmeny from '@navikt/bedriftsmeny';
 import '@navikt/bedriftsmeny/lib/bedriftsmeny.css';
-import { OrganisasjonsDetaljerContext } from './OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from './OrganisasjonDetaljerProvider';
 import { useOrganisasjonerOgTilgangerContext } from './OrganisasjonerOgTilgangerProvider';
 import * as Record from '../utils/Record';
 import { NotifikasjonWidget } from '@navikt/arbeidsgiver-notifikasjon-widget';
@@ -33,7 +33,7 @@ export const SaksoversiktBanner = () => (
 
 export const BannerMedBedriftsmeny: FunctionComponent<OwnProps> = ({ sidetittel }) => {
     const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
-    const { endreOrganisasjon, valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { endreOrganisasjon, valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
 
     const [params, setParams] = useSearchParams();
     const orgnrFraUrl = params.get('bedrift');
diff --git a/src/Pages/Hovedside/AktueltRubrikk.tsx b/src/Pages/Hovedside/AktueltRubrikk.tsx
index e883fbb34..9385ff1dc 100644
--- a/src/Pages/Hovedside/AktueltRubrikk.tsx
+++ b/src/Pages/Hovedside/AktueltRubrikk.tsx
@@ -1,10 +1,10 @@
 import { Heading, LinkPanel } from '@navikt/ds-react';
-import React, { useContext } from 'react';
+import React from 'react';
 import { loggNavigasjonTags } from '../../utils/funksjonerForAmplitudeLogging';
 import { DisplayBetween, shouldDisplay } from '../../GeneriskeElementer/DisplayBetween';
 import { useLocation } from 'react-router-dom';
 import './AktueltRubrikk.css';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { OrganisasjonInfo } from '../OrganisasjonerOgTilgangerProvider';
 
 type AktueltProps = {
@@ -36,7 +36,9 @@ const Aktuelt = ({ lenke, tittel, beskrivelse, visFra, visTil }: AktueltProps) =
                 }}
             >
                 <LinkPanel.Title>{tittel}</LinkPanel.Title>
-                <LinkPanel.Description>{beskrivelse ?? dateFormat.format(visFra)}</LinkPanel.Description>
+                <LinkPanel.Description>
+                    {beskrivelse ?? dateFormat.format(visFra)}
+                </LinkPanel.Description>
             </LinkPanel>
         </DisplayBetween>
     );
@@ -46,15 +48,16 @@ const aktuelt: Array<AktueltProps> = [
     {
         lenke: 'https://arbeidsgiver.nav.no/min-side-arbeidsgiver/artikkel/saferoad_ansetter_ved_hjelp_av_nav',
         tittel: 'Ønsker dere hjelpe fra Nav til å rekruttere?',
-        beskrivelse: "Les om hvordan Nav bidrar til at Saferoad kan ansette over 100 nye folk hvert år.",
+        beskrivelse:
+            'Les om hvordan Nav bidrar til at Saferoad kan ansette over 100 nye folk hvert år.',
         visFra: new Date('2024-12-13T00:00:00+02:00'),
         visTil: new Date('2025-01-31T00:00:00+02:00'),
         tilgangssjekk: (orgInfo) => orgInfo.altinntilgang.rekruttering,
-    }
+    },
 ];
 
 export const AktueltRubrikk = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     if (!valgtOrganisasjon) {
         return null;
     }
diff --git a/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx b/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
index f30c4b108..e9965052b 100644
--- a/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
+++ b/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
@@ -1,10 +1,10 @@
-import React, { FC, FunctionComponent, MouseEventHandler, useContext } from 'react';
+import React, { FC, FunctionComponent, MouseEventHandler } from 'react';
 import { Ekspanderbartpanel } from '../../../GeneriskeElementer/Ekspanderbartpanel';
 import {
     OrganisasjonInfo,
     useOrganisasjonerOgTilgangerContext,
 } from '../../OrganisasjonerOgTilgangerProvider';
-import { OrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
 import Organisasjonsbeskrivelse from './Organisasjonsbeskrivelse';
 import { AltinntilgangAlleredeSøkt, BeOmSyfotilgang, BeOmTilgangBoks } from './TjenesteInfo';
 import './BeOmTilgang.css';
@@ -73,7 +73,7 @@ const opprettSøknad = (
 };
 
 const BeOmTilgang: FunctionComponent = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const { altinnTilgangssøknad } = useOrganisasjonerOgTilgangerContext();
 
     const tjenesteinfoBokser: JSX.Element[] = [];
diff --git a/src/Pages/Hovedside/InfoBokser.tsx b/src/Pages/Hovedside/InfoBokser.tsx
index dd9304983..5eabf470b 100644
--- a/src/Pages/Hovedside/InfoBokser.tsx
+++ b/src/Pages/Hovedside/InfoBokser.tsx
@@ -1,10 +1,10 @@
-import React, { FC, useContext, useEffect } from 'react';
+import React, { FC, useEffect } from 'react';
 import * as Record from '../../utils/Record';
 import './InfoBokser.css';
 import { useOrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
 import { gittMiljo } from '../../utils/environment';
 import { shouldDisplay } from '../../GeneriskeElementer/DisplayBetween';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { Alert, Heading } from '@navikt/ds-react';
 import { useLocalStorage } from '../../hooks/useStorage';
 import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging';
@@ -22,7 +22,7 @@ const infobokser: Array<InfoboksProps> = [
         visFra: new Date('2024-11-06T00:00:00+02:00'),
         visTil: new Date('2024-12-31T10:00:00+02:00'),
         Component: () => {
-            const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+            const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
             if (!valgtOrganisasjon || !valgtOrganisasjon.altinntilgang.inntektsmelding) {
                 return null;
             }
@@ -69,7 +69,7 @@ const infobokser: Array<InfoboksProps> = [
         visFra: new Date('2024-04-11T00:00:00+02:00'),
         visTil: new Date('2024-06-11T00:00:00+02:00'),
         Component: () => {
-            const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+            const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
             const [closed, setClosed] = useLocalStorage('yrkesskade-infobokser-closed', false);
 
             if (!valgtOrganisasjon || !valgtOrganisasjon.altinntilgang.yrkesskade) {
diff --git a/src/Pages/Hovedside/Kalenderavtaler.tsx b/src/Pages/Hovedside/Kalenderavtaler.tsx
index fd00309fc..9a3db7811 100644
--- a/src/Pages/Hovedside/Kalenderavtaler.tsx
+++ b/src/Pages/Hovedside/Kalenderavtaler.tsx
@@ -1,5 +1,5 @@
 import './Kalenderavtaler.css';
-import React, { FunctionComponent, useContext } from 'react';
+import React, { FunctionComponent } from 'react';
 import { BodyShort, Button, Heading, Tag } from '@navikt/ds-react';
 import {
     ChevronDownIcon,
@@ -10,7 +10,7 @@ import {
 } from '@navikt/aksel-icons';
 import { KalenderavtaleTilstand, Lokasjon, Query } from '../../api/graphql-types';
 import { gql, TypedDocumentNode, useQuery } from '@apollo/client';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 
 const HENT_KALENDERAVTALER: TypedDocumentNode<Pick<Query, 'kommendeKalenderavtaler'>> = gql`
     query HentKalenderavtaler($virksomhetsnumre: [String!]!) {
@@ -36,7 +36,7 @@ const HENT_KALENDERAVTALER: TypedDocumentNode<Pick<Query, 'kommendeKalenderavtal
 const VIS_ANTALL = 2;
 
 export const Kalenderavtaler: FunctionComponent = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [visAlle, settVisAlle] = React.useState(false);
     const virksomhetsnumre =
         valgtOrganisasjon !== undefined ? [valgtOrganisasjon?.organisasjon.OrganizationNumber] : [];
diff --git a/src/Pages/Hovedside/ManglerKofuviAlert.tsx b/src/Pages/Hovedside/ManglerKofuviAlert.tsx
index 378771d3d..16e402880 100644
--- a/src/Pages/Hovedside/ManglerKofuviAlert.tsx
+++ b/src/Pages/Hovedside/ManglerKofuviAlert.tsx
@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import useSWR from 'swr';
-import { useContext, useEffect, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useEffect, useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { Alert, Heading } from '@navikt/ds-react';
 import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging';
 import { erDriftsforstyrrelse } from '../../utils/util';
@@ -54,7 +54,7 @@ const fallbackData: VarslingStatus = {
 };
 
 const manglerKofuviAlert = (): VarslingStatus => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
     const { data } = useSWR(
         valgtOrganisasjon !== undefined
diff --git a/src/Pages/Hovedside/ManglerKontonummerAlert.tsx b/src/Pages/Hovedside/ManglerKontonummerAlert.tsx
index 0bcd013b1..19d04e63d 100644
--- a/src/Pages/Hovedside/ManglerKontonummerAlert.tsx
+++ b/src/Pages/Hovedside/ManglerKontonummerAlert.tsx
@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import useSWR from 'swr';
-import { useContext, useEffect, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useEffect, useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { Alert, Heading } from '@navikt/ds-react';
 import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging';
 import { erDriftsforstyrrelse } from '../../utils/util';
@@ -10,7 +10,7 @@ import amplitude from '../../utils/amplitude';
 
 export const ManglerKontonummerAlert = () => {
     const kontonummerStatus = manglerKontonummerAlert();
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const kanEndreKontonummer =
         valgtOrganisasjon?.altinntilgang.endreBankkontonummerForRefusjoner ?? false;
 
@@ -74,7 +74,7 @@ const fallbackData: KontonummerStatus = {
 };
 
 const manglerKontonummerAlert = (): KontonummerStatus => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
     const { data } = useSWR(
         valgtOrganisasjon !== undefined
diff --git a/src/Pages/Hovedside/NyttigForDegContainer/Bedriftsinfoknapp/Bedriftsinfoknapp.tsx b/src/Pages/Hovedside/NyttigForDegContainer/Bedriftsinfoknapp/Bedriftsinfoknapp.tsx
index 68de5a002..6638d4738 100644
--- a/src/Pages/Hovedside/NyttigForDegContainer/Bedriftsinfoknapp/Bedriftsinfoknapp.tsx
+++ b/src/Pages/Hovedside/NyttigForDegContainer/Bedriftsinfoknapp/Bedriftsinfoknapp.tsx
@@ -1,12 +1,12 @@
-import React, { useContext } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import React from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import bedriftinfoikon from './infoombedriftikon.svg';
 import './Bedriftsinfoknapp.css';
 import { InternalLenkepanelMedLogging } from '../../../../GeneriskeElementer/LenkepanelMedLogging';
 import { TittelMedIkon } from '../../../../GeneriskeElementer/TittelMedIkon';
 
 const Bedriftsinfoknapp = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
 
     if (valgtOrganisasjon === undefined) {
         return null;
diff --git a/src/Pages/Hovedside/NyttigForDegContainer/NyttigForDegContainer.tsx b/src/Pages/Hovedside/NyttigForDegContainer/NyttigForDegContainer.tsx
index 6e90d0b7a..53427bb48 100644
--- a/src/Pages/Hovedside/NyttigForDegContainer/NyttigForDegContainer.tsx
+++ b/src/Pages/Hovedside/NyttigForDegContainer/NyttigForDegContainer.tsx
@@ -1,10 +1,10 @@
-import React, { useContext } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
+import React from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
 import Bedriftsinfoknapp from './Bedriftsinfoknapp/Bedriftsinfoknapp';
 import './NyttigForDegContainer.css';
 
 const NyttigForDegContainer = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
 
     return (
         <div className="nyttig-for-deg">
diff --git a/src/Pages/Hovedside/SisteSaker.tsx b/src/Pages/Hovedside/SisteSaker.tsx
index abda8dbe7..74bc6676e 100644
--- a/src/Pages/Hovedside/SisteSaker.tsx
+++ b/src/Pages/Hovedside/SisteSaker.tsx
@@ -1,6 +1,6 @@
-import React, { useContext, useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import './SisteSaker.css';
 import { useSaker } from '../Saksoversikt/useSaker';
 import amplitude from '../../utils/amplitude';
@@ -33,9 +33,7 @@ const Saksikon = () => (
 );
 
 const SisteSaker = () => {
-    const { valgtOrganisasjon, antallSakerForAlleBedrifter } = useContext(
-        OrganisasjonsDetaljerContext
-    );
+    const { valgtOrganisasjon, antallSakerForAlleBedrifter } = useOrganisasjonsDetaljerContext();
     const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const location = useLocation();
 
diff --git "a/src/Pages/Hovedside/S\303\270knaderOgSkjemaer.tsx" "b/src/Pages/Hovedside/S\303\270knaderOgSkjemaer.tsx"
index ce69f1bfc..18e7fcad7 100644
--- "a/src/Pages/Hovedside/S\303\270knaderOgSkjemaer.tsx"
+++ "b/src/Pages/Hovedside/S\303\270knaderOgSkjemaer.tsx"
@@ -1,10 +1,9 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import {
     lenkeTilPermitteringOgMasseoppsigelsesSkjema,
     skjemaForArbeidsgiverURL,
 } from '../../lenker';
 import './SøknaderOgSkjemaer.css';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging';
 import {
     InternalLenkepanelMedLogging,
@@ -14,9 +13,10 @@ import { altinnskjema, AltinnskjemaId, altinntjeneste } from '../../altinn/tjene
 import { HoyreChevron } from '../../GeneriskeElementer/HoyreChevron';
 import { Heading } from '@navikt/ds-react';
 import { gittMiljo } from '../../utils/environment';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 
 export const SøknaderOgSkjemaer = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const tilgangInntektsmelding = valgtOrganisasjon?.altinntilgang?.inntektsmelding;
     const tilgangYrkesskade = valgtOrganisasjon?.altinntilgang?.yrkesskade;
     if (valgtOrganisasjon === undefined) {
@@ -102,19 +102,16 @@ export const SøknaderOgSkjemaer = () => {
                           })
                       )
                     : null}
-                {tilgangInntektsmelding === true
-                    ? <li>
+                {tilgangInntektsmelding === true ? (
+                    <li>
                         <InternalLenkepanelMedLogging
-                            loggLenketekst={
-                                'Inntektsmelding sykepenger (Opprett manuelt)'
-                            }
+                            loggLenketekst={'Inntektsmelding sykepenger (Opprett manuelt)'}
                             to={'/saksoversikt#opprett-inntektsmelding'}
                         >
                             Inntektsmelding sykepenger
                         </InternalLenkepanelMedLogging>
                     </li>
-                    : null
-                }
+                ) : null}
                 {altinnSkjemaLenke('inntektsmelding')}
                 {altinnSkjemaLenke('ekspertbistand')}
                 {altinnSkjemaLenke('utsendtArbeidstakerEØS')}
diff --git a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx
index a769206e9..5bc321073 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx
@@ -1,17 +1,16 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { innsynAaregURL } from '../../../../lenker';
 import arbeidsforholdikon from './arbeidsforhold-ikon.svg';
 import { useAntallArbeidsforholdFraAareg } from './useAntallArbeidsforholdFraAareg';
 import './Arbeidsforhold.css';
 import { StortTall, Tjenesteboks } from '../Tjenesteboks';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 
 const Arbeidsforhold = () => {
     const antallArbeidsforhold = useAntallArbeidsforholdFraAareg();
 
     const orgnr =
-        useContext(OrganisasjonsDetaljerContext).valgtOrganisasjon?.organisasjon
-            .OrganizationNumber ?? '';
+        useOrganisasjonsDetaljerContext().valgtOrganisasjon?.organisasjon.OrganizationNumber ?? '';
     const href = innsynAaregURL + (orgnr === '' ? '' : `?bedrift=${orgnr}`);
 
     return (
diff --git a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/useAntallArbeidsforholdFraAareg.ts b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/useAntallArbeidsforholdFraAareg.ts
index e464096e8..1c9f0bd23 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/useAntallArbeidsforholdFraAareg.ts
+++ b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/useAntallArbeidsforholdFraAareg.ts
@@ -1,11 +1,11 @@
 import { z } from 'zod';
 import useSWR from 'swr';
-import { useContext, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import { erDriftsforstyrrelse } from '../../../../utils/util';
 
 export const useAntallArbeidsforholdFraAareg = (): number => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
     const { data } = useSWR(
         valgtOrganisasjon !== undefined
diff --git a/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx b/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx
index 34326fa5a..ad1b6c6f3 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx
@@ -5,8 +5,7 @@ import './Arbeidsplassen.css';
 import { StortTall, Tjenesteboks } from '../Tjenesteboks';
 import { z } from 'zod';
 import useSWR from 'swr';
-import { useContext } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import { erDriftsforstyrrelse } from '../../../../utils/util';
 
 const Arbeidsplassen = () => {
@@ -48,7 +47,7 @@ const PamStatusAnnonser = z.object({
 });
 
 const useAntallannonser = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const orgnr = valgtOrganisasjon?.organisasjon?.OrganizationNumber;
     const [retries, setRetries] = useState(0);
 
diff --git "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx" "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx"
index 0ef729856..398d8071d 100644
--- "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx"
+++ "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx"
@@ -1,15 +1,15 @@
 import { lenkeTilForebyggefravar } from '../../../../lenker';
-import React, { useContext } from 'react';
+import React from 'react';
 import ForebyggeFraværIkon from './ForebyggeFraværIkon.svg';
 import { useSykefravær } from './useSykefravær';
 import { StortTall, Tjenesteboks } from '../Tjenesteboks';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 
 const ForebyggeFravR = () => {
     const valgtbedrift = () => {
         const orgnr =
-            useContext(OrganisasjonsDetaljerContext).valgtOrganisasjon?.organisasjon
-                .OrganizationNumber ?? '';
+            useOrganisasjonsDetaljerContext().valgtOrganisasjon?.organisasjon.OrganizationNumber ??
+            '';
 
         return orgnr === '' ? '' : `?bedrift=${orgnr}`;
     };
@@ -26,14 +26,17 @@ const ForebyggeFravR = () => {
     };
 
     const beskrivelse = 'Verktøy for å forebygge fravær i din virksomhet.';
-    const aria_label = sykefravær !== undefined ? `${sykefravær.prosent.toString()} % legemeldt sykefravær i din ${statistikktype(sykefravær.type)}. Lag en plan for å redusere fraværet.` : beskrivelse;
+    const aria_label =
+        sykefravær !== undefined
+            ? `${sykefravær.prosent.toString()} % legemeldt sykefravær i din ${statistikktype(sykefravær.type)}. Lag en plan for å redusere fraværet.`
+            : beskrivelse;
 
     return (
         <Tjenesteboks
             ikon={ForebyggeFraværIkon}
             href={lenkeTilForebyggefravar + valgtbedrift()}
             tittel="Forebygge fravær"
-            aria-label={"Forebygge Fravær, " + aria_label}
+            aria-label={'Forebygge Fravær, ' + aria_label}
         >
             {sykefravær !== undefined ? (
                 <span>
diff --git "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/useSykefrav\303\246r.ts" "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/useSykefrav\303\246r.ts"
index 4e86af61d..7ec748aef 100644
--- "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/useSykefrav\303\246r.ts"
+++ "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/useSykefrav\303\246r.ts"
@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import useSWR from 'swr';
-import { useContext, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import { erDriftsforstyrrelse } from '../../../../utils/util';
 
 const Sykefraværsrespons = z.object({
@@ -13,7 +13,7 @@ const Sykefraværsrespons = z.object({
 export type Sykefraværsrespons = z.infer<typeof Sykefraværsrespons>;
 
 export const useSykefravær = (): Sykefraværsrespons | undefined => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
     const { data } = useSWR(
         valgtOrganisasjon !== undefined
diff --git a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx
index eb91dda75..adf438912 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx
@@ -1,17 +1,16 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { kandidatlisteURL } from '../../../../lenker';
 import { Tjenesteboks } from '../Tjenesteboks';
 import { useAntallKandidater } from './useAntallKandidater';
 import ikon from './kandidatlisteboks-ikon.svg';
 import './Kandidatlister.css';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 
 const Kandidatlister = () => {
     const antallKandidater = useAntallKandidater();
 
     const orgnr =
-        useContext(OrganisasjonsDetaljerContext).valgtOrganisasjon?.organisasjon
-            .OrganizationNumber ?? '';
+        useOrganisasjonsDetaljerContext().valgtOrganisasjon?.organisasjon.OrganizationNumber ?? '';
 
     const href = kandidatlisteURL + (orgnr === '' ? '' : `?virksomhet=${orgnr}`);
 
diff --git a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/useAntallKandidater.ts b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/useAntallKandidater.ts
index 5c9e29045..cd95464f4 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/useAntallKandidater.ts
+++ b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/useAntallKandidater.ts
@@ -1,11 +1,11 @@
 import { z } from 'zod';
-import { useContext, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import useSWR from 'swr';
 import { erDriftsforstyrrelse } from '../../../../utils/util';
 
 export const useAntallKandidater = (): number => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
 
     const { data } = useSWR(
diff --git a/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx b/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx
index 3ef9fb7f6..5d125e035 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx
@@ -1,11 +1,11 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { syfoURL } from '../../../../lenker';
 import syfoikon from './Sykmeldte.svg';
 import { StortTall, Tjenesteboks } from '../Tjenesteboks';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 
 const Sykmeldte = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const antallSykmeldte = valgtOrganisasjon?.antallSykmeldte ?? 0;
     const orgnr = valgtOrganisasjon?.organisasjon?.OrganizationNumber;
     const url = orgnr !== undefined && orgnr !== '' ? `${syfoURL}?bedrift=${orgnr}` : syfoURL;
diff --git a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx
index 336b89567..08df28213 100644
--- a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx
@@ -1,6 +1,6 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { tiltaksgjennomforingURL } from '../../../../lenker';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import './TiltakAvtaler.css';
 import tiltakikon from './TiltakAvtaler.svg';
 import { Avtalenavn, useAvtaleoversikt } from './useAvtaleoversikt';
@@ -26,7 +26,7 @@ const displayorder: Avtalenavn[] = [
 ];
 
 const TiltakAvtaler = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const orgnr = valgtOrganisasjon?.organisasjon?.OrganizationNumber;
 
     const avtaler = useAvtaleoversikt();
diff --git a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/useAvtaleoversikt.ts b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/useAvtaleoversikt.ts
index b2419a22d..659063bf8 100644
--- a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/useAvtaleoversikt.ts
+++ b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/useAvtaleoversikt.ts
@@ -1,5 +1,5 @@
-import { useContext, useMemo, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useMemo, useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import useSWR from 'swr';
 import { z } from 'zod';
 import { count, erDriftsforstyrrelse } from '../../../../utils/util';
@@ -16,7 +16,7 @@ export type Avtaleoversikt = {
 export type Avtalenavn = keyof Avtaleoversikt;
 
 export const useAvtaleoversikt = (): Avtaleoversikt => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
     const { data: avtaler } = useSWR(
         valgtOrganisasjon !== undefined
diff --git a/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx b/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx
index 47d6bdc3f..6458cb6f2 100644
--- a/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx
@@ -1,11 +1,11 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { refosoURL } from '../../../../lenker';
 import tiltakrefusjonikon from './TiltakRefusjoner.svg';
 import { StortTall, Tjenesteboks } from '../Tjenesteboks';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 
 const TiltakRefusjoner = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     if (valgtOrganisasjon === undefined) {
         return null;
     }
@@ -17,17 +17,18 @@ const TiltakRefusjoner = () => {
 
     const klareForInnsending = valgtOrganisasjon.refusjonstatus['KLAR_FOR_INNSENDING'];
 
-    const aria_label = klareForInnsending === undefined ?
-        "Søk og se refusjon for lønnstilskudd og sommerjobb" :
-        `${klareForInnsending} refusjoner klare for innsending.` + " Søk og se refusjon"
+    const aria_label =
+        klareForInnsending === undefined
+            ? 'Søk og se refusjon for lønnstilskudd og sommerjobb'
+            : `${klareForInnsending} refusjoner klare for innsending.` + ' Søk og se refusjon';
 
-    console.log(aria_label)
+    console.log(aria_label);
     return (
         <Tjenesteboks
             ikon={tiltakrefusjonikon}
             href={url}
             tittel="Refusjon for lønnstilskudd og sommerjobb"
-            aria-label={"Refusjon for lønnstilskudd og sommerjobb, " + aria_label}
+            aria-label={'Refusjon for lønnstilskudd og sommerjobb, ' + aria_label}
         >
             {klareForInnsending === undefined ? null : (
                 <>
diff --git a/src/Pages/Hovedside/Tjenestebokser/Tjenestebokser.tsx b/src/Pages/Hovedside/Tjenestebokser/Tjenestebokser.tsx
index d22f6d47f..09c4300ff 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Tjenestebokser.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Tjenestebokser.tsx
@@ -1,5 +1,5 @@
-import React, { FunctionComponent, useContext, useEffect } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
+import React, { FunctionComponent, useEffect } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
 import Arbeidsforhold from './Arbeidsforhold/Arbeidsforhold';
 import Sykmeldte from './Sykmeldte/Sykmeldte';
 import Arbeidsplassen from './Arbeidsplassen/Arbeidsplassen';
@@ -22,7 +22,7 @@ const Bokser = {
 type TjenesteBoks = keyof typeof Bokser;
 
 const TjenesteboksContainer: FunctionComponent = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
 
     if (valgtOrganisasjon === undefined) {
         return null;
diff --git a/src/Pages/OmVirksomheten/Kontaktinfo.tsx b/src/Pages/OmVirksomheten/Kontaktinfo.tsx
index 9cdb3e7ef..3ecc82c16 100644
--- a/src/Pages/OmVirksomheten/Kontaktinfo.tsx
+++ b/src/Pages/OmVirksomheten/Kontaktinfo.tsx
@@ -1,10 +1,10 @@
 import { z } from 'zod';
-import { useContext, useId, useState } from 'react';
+import { useId, useState } from 'react';
 import useSWR from 'swr';
 import { Alert, BodyShort, Heading, HelpText, Label } from '@navikt/ds-react';
 import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging';
 import './Kontaktinfo.css';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import NyFaneIkon from './NyFaneIkon';
 import { erDriftsforstyrrelse } from '../../utils/util';
 import { Hovedenhet } from '../../api/enhetsregisteretApi';
@@ -35,8 +35,8 @@ const fetcher = async ({ url, orgnr }: { url: string; orgnr: string }) => {
 };
 
 const useKontaktinfo = () => {
-    const orgnr = useContext(OrganisasjonsDetaljerContext).valgtOrganisasjon?.organisasjon
-        ?.OrganizationNumber;
+    const orgnr =
+        useOrganisasjonsDetaljerContext().valgtOrganisasjon?.organisasjon?.OrganizationNumber;
     const [retries, setRetries] = useState(0);
 
     const { data: kontaktinfo } = useSWR(
diff --git a/src/Pages/OmVirksomheten/OmVirksomheten.tsx b/src/Pages/OmVirksomheten/OmVirksomheten.tsx
index 52ba4904e..b288e071e 100644
--- a/src/Pages/OmVirksomheten/OmVirksomheten.tsx
+++ b/src/Pages/OmVirksomheten/OmVirksomheten.tsx
@@ -1,5 +1,5 @@
-import React, { FunctionComponent, useContext } from 'react';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import React, { FunctionComponent } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { useOverordnetEnhet, useUnderenhet } from '../../api/enhetsregisteretApi';
 import Underenhet from './Underenhet';
 import OverordnetEnhet from './OverordnetEnhet';
@@ -11,7 +11,7 @@ const Kontaktpanel = ({ children }: { children: React.ReactNode }) => (
 );
 
 const OmVirksomheten: FunctionComponent = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const vnr = valgtOrganisasjon?.organisasjon.OrganizationNumber;
     const orgnr = valgtOrganisasjon?.organisasjon.ParentOrganizationNumber;
 
diff --git a/src/Pages/OrganisasjonDetaljerProvider.tsx b/src/Pages/OrganisasjonDetaljerProvider.tsx
index d8a509218..d80defcc9 100644
--- a/src/Pages/OrganisasjonDetaljerProvider.tsx
+++ b/src/Pages/OrganisasjonDetaljerProvider.tsx
@@ -1,4 +1,4 @@
-import React, { FunctionComponent, useEffect, useState } from 'react';
+import React, { FunctionComponent, useContext, useEffect, useState } from 'react';
 import {
     OrganisasjonInfo,
     useOrganisasjonerOgTilgangerContext,
@@ -19,7 +19,17 @@ export type Context = {
     antallSakerForAlleBedrifter: number | undefined;
 };
 
-export const OrganisasjonsDetaljerContext = React.createContext<Context>({} as Context);
+const OrganisasjonsDetaljerContext = React.createContext<Context | undefined>(undefined);
+
+export const useOrganisasjonsDetaljerContext = () => {
+    const context = useContext(OrganisasjonsDetaljerContext);
+    if (context === undefined) {
+        throw new Error(
+            'useOrganisasjonsDetaljerContext må brukes innenfor en OrganisasjonsDetaljerProvider'
+        );
+    }
+    return context;
+}
 
 export const OrganisasjonsDetaljerProvider: FunctionComponent<Props> = ({ children }: Props) => {
     const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
diff --git a/src/Pages/Saksoversikt/useOversiktSessionStorage.ts b/src/Pages/Saksoversikt/useOversiktSessionStorage.ts
index 8907c50d6..b9b2d23b1 100644
--- a/src/Pages/Saksoversikt/useOversiktSessionStorage.ts
+++ b/src/Pages/Saksoversikt/useOversiktSessionStorage.ts
@@ -1,10 +1,10 @@
 // Store copy of oversikts-filter in sessionStorage
 
-import { useContext, useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useSearchParams } from 'react-router-dom';
 import { useSessionStorage } from '../../hooks/useStorage';
 import { equalAsSets, Filter } from './useOversiktStateTransitions';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { OppgaveTilstand, SakSortering } from '../../api/graphql-types';
 import { Set } from 'immutable';
 import { Organisasjon } from '../../altinn/organisasjon';
@@ -82,7 +82,7 @@ export const equalSessionState = (a: SessionState, b: SessionState): boolean =>
 };
 
 export const useSessionStateForside = (): void => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [_, setSessionState] = useSessionStorage(SESSION_STORAGE_KEY, { route: '/' });
     const bedrift = valgtOrganisasjon?.organisasjon?.OrganizationNumber;
 
diff --git a/src/tests/A11y.test.tsx b/src/tests/A11y.test.tsx
index 5da98dc6a..3ada76657 100644
--- a/src/tests/A11y.test.tsx
+++ b/src/tests/A11y.test.tsx
@@ -1,4 +1,4 @@
-import React, { FC, ReactNode, useContext, useEffect } from 'react';
+import React, { FC, ReactNode, useEffect } from 'react';
 import { act, findByTestId, render } from '@testing-library/react';
 import { axe } from 'jest-axe';
 import Hovedside from '../Pages/Hovedside/Hovedside';
@@ -9,8 +9,8 @@ import {
     useOrganisasjonerOgTilgangerContext,
 } from '../Pages/OrganisasjonerOgTilgangerProvider';
 import {
-    OrganisasjonsDetaljerContext,
     OrganisasjonsDetaljerProvider,
+    useOrganisasjonsDetaljerContext,
 } from '../Pages/OrganisasjonDetaljerProvider';
 import { NotifikasjonWidgetProvider } from '@navikt/arbeidsgiver-notifikasjon-widget';
 import { MemoryRouter } from 'react-router-dom';
@@ -40,7 +40,7 @@ describe('Hovedside', () => {
 
 const MedValgtOrganisasjon: FC<{ children: ReactNode }> = ({ children }) => {
     const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
-    const { valgtOrganisasjon, endreOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon, endreOrganisasjon } = useOrganisasjonsDetaljerContext();
 
     useEffect(() => {
         if (valgtOrganisasjon !== undefined) return;