diff --git a/package-lock.json b/package-lock.json
index 032c9c399..5d61bf81f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,8 +18,8 @@
                 "@navikt/ds-icons": "^3.4.3",
                 "@navikt/ds-react": "^6.8.0",
                 "@navikt/oasis": "^3.3.0",
-                "@tanstack/react-query": "^5.40.0",
                 "@types/uuid": "^9.0.8",
+                "apollo-link-rest": "^0.9.0",
                 "classnames": "^2.5.1",
                 "dayjs": "^1.11.11",
                 "framer-motion": "^11.2.10",
@@ -4807,28 +4807,6 @@
                 "tslib": "^2.4.0"
             }
         },
-        "node_modules/@tanstack/query-core": {
-            "version": "5.40.0",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/tannerlinsley"
-            }
-        },
-        "node_modules/@tanstack/react-query": {
-            "version": "5.40.0",
-            "license": "MIT",
-            "dependencies": {
-                "@tanstack/query-core": "5.40.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/tannerlinsley"
-            },
-            "peerDependencies": {
-                "react": "^18.0.0"
-            }
-        },
         "node_modules/@tanstack/react-virtual": {
             "version": "3.5.0",
             "license": "MIT",
@@ -5742,6 +5720,16 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/apollo-link-rest": {
+            "version": "0.9.0",
+            "resolved": "https://registry.npmjs.org/apollo-link-rest/-/apollo-link-rest-0.9.0.tgz",
+            "integrity": "sha512-kuXjR56Y12w0TZcqwVaONKlipB6g3Ya1dAy4NMCaylPpNXq6tO+qzQFPUyDJC7B0JoJPIFjxPV2rAet4uGM4UQ==",
+            "peerDependencies": {
+                "@apollo/client": ">=3",
+                "graphql": ">=0.11",
+                "qs": ">=6"
+            }
+        },
         "node_modules/arg": {
             "version": "4.1.3",
             "dev": true,
@@ -6323,7 +6311,6 @@
         },
         "node_modules/call-bind": {
             "version": "1.0.7",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "es-define-property": "^1.0.0",
@@ -7075,7 +7062,6 @@
         },
         "node_modules/define-data-property": {
             "version": "1.1.4",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "es-define-property": "^1.0.0",
@@ -7388,7 +7374,6 @@
         },
         "node_modules/es-define-property": {
             "version": "1.0.0",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "get-intrinsic": "^1.2.4"
@@ -7399,7 +7384,6 @@
         },
         "node_modules/es-errors": {
             "version": "1.3.0",
-            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -8377,7 +8361,6 @@
         },
         "node_modules/get-intrinsic": {
             "version": "1.2.4",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -8520,7 +8503,6 @@
         },
         "node_modules/gopd": {
             "version": "1.0.1",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "get-intrinsic": "^1.1.3"
@@ -8742,7 +8724,6 @@
         },
         "node_modules/has-property-descriptors": {
             "version": "1.0.2",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "es-define-property": "^1.0.0"
@@ -8753,7 +8734,6 @@
         },
         "node_modules/has-proto": {
             "version": "1.0.3",
-            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -8764,7 +8744,6 @@
         },
         "node_modules/has-symbols": {
             "version": "1.0.3",
-            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -11539,7 +11518,6 @@
         },
         "node_modules/object-inspect": {
             "version": "1.13.1",
-            "dev": true,
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
@@ -12288,6 +12266,21 @@
                 "node": ">=6.0.0"
             }
         },
+        "node_modules/qs": {
+            "version": "6.12.1",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.1.tgz",
+            "integrity": "sha512-zWmv4RSuB9r2mYQw3zxQuHWeU+42aKi1wWig/j4ele4ygELZ7PEO6MM7rim9oAQH2A5MWfsAVf/jPvTPgCbvUQ==",
+            "peer": true,
+            "dependencies": {
+                "side-channel": "^1.0.6"
+            },
+            "engines": {
+                "node": ">=0.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/querystringify": {
             "version": "2.2.0",
             "dev": true,
@@ -12919,7 +12912,6 @@
         },
         "node_modules/set-function-length": {
             "version": "1.2.2",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "define-data-property": "^1.1.4",
@@ -13014,7 +13006,6 @@
         },
         "node_modules/side-channel": {
             "version": "1.0.6",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "call-bind": "^1.0.7",
diff --git a/package.json b/package.json
index 29cc61986..9516f9f18 100644
--- a/package.json
+++ b/package.json
@@ -37,8 +37,8 @@
         "@navikt/ds-icons": "^3.4.3",
         "@navikt/ds-react": "^6.8.0",
         "@navikt/oasis": "^3.3.0",
-        "@tanstack/react-query": "^5.40.0",
         "@types/uuid": "^9.0.8",
+        "apollo-link-rest": "^0.9.0",
         "classnames": "^2.5.1",
         "dayjs": "^1.11.11",
         "framer-motion": "^11.2.10",
diff --git a/src/app/api/flexjar/oppdater/[id]/route.ts b/src/app/api/flexjar/oppdater/[id]/route.ts
index 851e70abf..9592cf590 100644
--- a/src/app/api/flexjar/oppdater/[id]/route.ts
+++ b/src/app/api/flexjar/oppdater/[id]/route.ts
@@ -1,7 +1,17 @@
 import { postOppdater } from '@/app/api/flexjar/flexjar';
+import { erLokal } from '@/env';
+import logger from '@/logger';
+
+export const dynamic = 'force-dynamic';
 
-export const dynamic = 'force-dynamic'; // defaults to auto
 export async function POST(request: Request, { params }: { params: { id: string } }) {
-    const id = params.id; // 'a', 'b', or 'c'
-    return postOppdater(id, request);
+    if (erLokal) {
+        logger.info(`Mocker flexjar lokalt, mottok OPPDATERT feedback: ${JSON.stringify(request.json(), null, 2)}`);
+
+        return Response.json({
+            id: 'fake-lokal-flexjar-id',
+        });
+    }
+
+    return postOppdater(params.id, request);
 }
diff --git a/src/app/api/flexjar/route.ts b/src/app/api/flexjar/route.ts
index f53972aba..4a05db852 100644
--- a/src/app/api/flexjar/route.ts
+++ b/src/app/api/flexjar/route.ts
@@ -1,7 +1,16 @@
 import { postOpprett } from '@/app/api/flexjar/flexjar';
+import { erLokal } from '@/env';
+import logger from '@/logger';
 
 export const dynamic = 'force-dynamic';
 
 export async function POST(request: Request) {
+    if (erLokal) {
+        logger.info(`Mocker flexjar lokalt, mottok feedback: ${JSON.stringify(request.json(), null, 2)}`);
+        return Response.json({
+            id: 'fake-lokal-flexjar-id',
+        });
+    }
+
     return postOpprett(request);
 }
diff --git a/src/app/apollo/apolloClient.ts b/src/app/apollo/apolloClient.ts
index 37ff841e5..51ef62a16 100644
--- a/src/app/apollo/apolloClient.ts
+++ b/src/app/apollo/apolloClient.ts
@@ -1,3 +1,5 @@
+import { RestLink } from 'apollo-link-rest';
+
 import possibletypes from '@/app/apollo/possibletypes';
 import { erLokal } from '@/env';
 import { ApolloClient, HttpLink, InMemoryCache, TypePolicies, from } from '@apollo/client';
@@ -47,9 +49,17 @@ const getTypePolicies = (): TypePolicies => {
     };
 };
 
+const restLink = new RestLink({
+    endpoints: {
+        sanity: 'https://z9kr8ddn.api.sanity.io/v2023-08-01/data/query/production',
+        flexjar: '/api/flexjar',
+    },
+});
+
 export const createApolloClient = () =>
     new ApolloClient({
         link: from([
+            restLink,
             new RetryLink({
                 attempts: { max: 5 },
             }),
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index 4d5705cf2..c7123d4e1 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -24,7 +24,6 @@ import { ApolloProvider } from '@apollo/client';
 import { useLoadingToast } from '@hooks/useLoadingToast';
 import { useFetchPersonQuery } from '@state/person';
 import { useSetVarsler } from '@state/varsler';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 dayjs.extend(relativeTime);
 dayjs.extend(minMax);
@@ -42,7 +41,6 @@ type Props = {
 
 export const Providers = ({ children, bruker }: PropsWithChildren<Props>): ReactElement => {
     const [apolloClient] = useState(() => createApolloClient());
-    const [queryClient] = useState(() => new QueryClient());
 
     const initializeState = useCallback(
         ({ set }: { set: SetRecoilState }) => {
@@ -52,7 +50,7 @@ export const Providers = ({ children, bruker }: PropsWithChildren<Props>): React
             hydrateAllFilters(set, bruker.grupper);
             hydrateSorteringForTab(set);
         },
-        [bruker.grupper],
+        [bruker.grupper, bruker.ident],
     );
 
     useLayoutEffect(() => {
@@ -65,9 +63,7 @@ export const Providers = ({ children, bruker }: PropsWithChildren<Props>): React
             <RecoilRoot initializeState={initializeState}>
                 <SyncAlerts>
                     <VenterPåEndringProvider>
-                        <BrukerContext.Provider value={bruker}>
-                            <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-                        </BrukerContext.Provider>
+                        <BrukerContext.Provider value={bruker}>{children}</BrukerContext.Provider>
                     </VenterPåEndringProvider>
                 </SyncAlerts>
             </RecoilRoot>
diff --git a/src/components/flexjar/FlexjarFelles.tsx b/src/components/flexjar/FlexjarFelles.tsx
index 3742285f3..da10f0af5 100644
--- a/src/components/flexjar/FlexjarFelles.tsx
+++ b/src/components/flexjar/FlexjarFelles.tsx
@@ -4,9 +4,10 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 
 import { BodyShort, Button, Textarea } from '@navikt/ds-react';
 
+import { FeedbackPayload } from '@/external/flexjar/types';
+import { useOppdaterFlexjarFeedback } from '@/external/flexjar/useOppdaterFlexjarFeedback';
+import { useOpprettFlexjarFeedback } from '@/external/flexjar/useOpprettFlexjarFeedback';
 import { Bold } from '@components/Bold';
-import { useOppdaterFlexjarFeedback } from '@hooks/useOppdaterFlexjarFeedback';
-import { useOpprettFlexjarFeedback } from '@hooks/useOpprettFlexjarFeedback';
 
 interface FlexjarFellesProps {
     feedbackId: string;
@@ -38,8 +39,8 @@ export function FlexjarFelles({
     const [textValue, setTextValue] = useState('');
     const [errorMsg, setErrorMsg] = useState<string | null>(null);
     const textAreaRef = useRef(null);
-    const { mutate: giFeedback, data, reset } = useOpprettFlexjarFeedback();
-    const { mutate: oppdaterFeedback } = useOppdaterFlexjarFeedback();
+    const { mutate: giFeedback, data, error: opprettError, reset } = useOpprettFlexjarFeedback();
+    const { mutate: oppdaterFeedback, error: oppdaterError } = useOppdaterFlexjarFeedback();
 
     const fetchFeedback = useCallback(
         async (knappeklikk?: () => void): Promise<boolean> => {
@@ -47,17 +48,28 @@ export function FlexjarFelles({
                 return false;
             }
 
-            const body = {
+            const payload: FeedbackPayload = {
                 feedback: textValue,
                 feedbackId: feedbackId,
                 svar: activeState,
                 ...feedbackProps,
             };
+
             if (data?.id) {
-                oppdaterFeedback({ body, id: data.id, cb: knappeklikk });
+                oppdaterFeedback({
+                    variables: {
+                        id: data.id,
+                        payload,
+                    },
+                    onCompleted: knappeklikk,
+                });
                 return true;
             } else {
-                giFeedback(body);
+                giFeedback({
+                    variables: {
+                        payload,
+                    },
+                });
                 return false;
             }
         },
@@ -112,7 +124,13 @@ export function FlexjarFelles({
                         <form className={styles.form}>
                             <Textarea
                                 ref={textAreaRef}
-                                error={errorMsg}
+                                error={
+                                    errorMsg
+                                        ? errorMsg
+                                        : opprettError || oppdaterError
+                                          ? 'En ukjent feil oppstod, prøv igjen senere'
+                                          : undefined
+                                }
                                 label={getPlaceholder()}
                                 onKeyDown={async (e) => {
                                     if (e.key === 'Enter' && e.ctrlKey) {
diff --git a/src/external/flexjar/types.ts b/src/external/flexjar/types.ts
new file mode 100644
index 000000000..f8bd8a3b4
--- /dev/null
+++ b/src/external/flexjar/types.ts
@@ -0,0 +1,5 @@
+export type FeedbackPayload = Record<string, unknown> & {
+    feedback: string;
+    svar: string | number;
+    feedbackId: string;
+};
diff --git a/src/external/flexjar/useOppdaterFlexjarFeedback.ts b/src/external/flexjar/useOppdaterFlexjarFeedback.ts
new file mode 100644
index 000000000..67d78fba6
--- /dev/null
+++ b/src/external/flexjar/useOppdaterFlexjarFeedback.ts
@@ -0,0 +1,27 @@
+import { FeedbackPayload } from '@/external/flexjar/types';
+import { gql, useMutation } from '@apollo/client';
+
+type OppdaterFeedbackVariables = { id: string; payload: FeedbackPayload };
+
+export function useOppdaterFlexjarFeedback() {
+    const [mutate, { data, error }] = useMutation<unknown, OppdaterFeedbackVariables>(gql`
+        mutation OppdaterFlexjarFeedback($id: String!, $payload: JSON!) {
+            oppdaterFlexjarFeedback(id: $id, input: $payload)
+                @rest(
+                    type: "FlexjarFeedback"
+                    endpoint: "flexjar"
+                    path: "/oppdater/{args.id}"
+                    method: "POST"
+                    bodyKey: "input"
+                ) {
+                id
+            }
+        }
+    `);
+
+    return {
+        mutate,
+        data,
+        error,
+    };
+}
diff --git a/src/external/flexjar/useOpprettFlexjarFeedback.ts b/src/external/flexjar/useOpprettFlexjarFeedback.ts
new file mode 100644
index 000000000..ae2b04f28
--- /dev/null
+++ b/src/external/flexjar/useOpprettFlexjarFeedback.ts
@@ -0,0 +1,26 @@
+import { FeedbackPayload } from '@/external/flexjar/types';
+import { gql, useMutation } from '@apollo/client';
+
+type OpprettFeedbackResponse = {
+    opprettFlexjarFeedback: {
+        id: string;
+    };
+};
+
+export function useOpprettFlexjarFeedback() {
+    const [mutate, { data, error, reset }] = useMutation<OpprettFeedbackResponse, { payload: FeedbackPayload }>(gql`
+        mutation OpprettFlexjarFeedback($payload: JSON!) {
+            opprettFlexjarFeedback(input: $payload)
+                @rest(type: "FlexjarFeedback", endpoint: "flexjar", path: "", method: "POST", bodyKey: "input") {
+                id
+            }
+        }
+    `);
+
+    return {
+        mutate,
+        data: data ? data.opprettFlexjarFeedback : null,
+        error,
+        reset,
+    };
+}
diff --git a/src/external/sanity.ts b/src/external/sanity.ts
new file mode 100644
index 000000000..07523a31d
--- /dev/null
+++ b/src/external/sanity.ts
@@ -0,0 +1,75 @@
+import { erProd } from '@/env';
+import { Lovhjemmel } from '@/routes/saksbilde/sykepengegrunnlag/overstyring/overstyring.types';
+import { gql, useQuery } from '@apollo/client';
+
+export type ArbeidsforholdMal = 'EN_ARBEIDSGIVER' | 'FLERE_ARBEIDSGIVERE';
+
+export interface SkjønnsfastsettingMal {
+    _id: string;
+    begrunnelse: string;
+    konklusjon: string;
+    arsak: string;
+    iProd: boolean;
+    lovhjemmel: Lovhjemmel;
+    arbeidsforholdMal: ArbeidsforholdMal[];
+}
+
+type SanityQueryResult = {
+    sanity: {
+        result: SkjønnsfastsettingMal[];
+    };
+};
+
+type SanityQueryVariables = {
+    input: {
+        query: string;
+    };
+};
+
+export function useSkjønnsfastsettelsesMaler(avviksprosent: number, harFlereArbeidsgivere: boolean) {
+    const { data, error, loading } = useQuery<SanityQueryResult, SanityQueryVariables>(
+        gql`
+            query SkjonnsfastsettelsesMaler($input: QueryPayload!) {
+                sanity(input: $input)
+                    @rest(
+                        type: "SkjonnsfastsettelsesMalResult"
+                        endpoint: "sanity"
+                        path: ""
+                        method: "POST"
+                        bodyKey: "input"
+                    ) {
+                    result
+                }
+            }
+        `,
+        {
+            variables: {
+                input: { query: `*[_type == "skjonnsfastsettelseMal"]` },
+            },
+        },
+    );
+
+    return {
+        maler: data
+            ? filterRelevantMaler(data.sanity.result, {
+                  avviksprosent,
+                  arbeidsforholdMal: harFlereArbeidsgivere ? 'FLERE_ARBEIDSGIVERE' : 'EN_ARBEIDSGIVER',
+              })
+            : undefined,
+        loading,
+        error,
+    };
+}
+
+function filterRelevantMaler(
+    sanityResult: SkjønnsfastsettingMal[],
+    opts: {
+        avviksprosent: number;
+        arbeidsforholdMal: ArbeidsforholdMal;
+    },
+): SkjønnsfastsettingMal[] {
+    return sanityResult
+        .filter((it: SkjønnsfastsettingMal) => (opts.avviksprosent <= 25 ? it.lovhjemmel.ledd !== '2' : true))
+        .filter((it: SkjønnsfastsettingMal) => it.arbeidsforholdMal.includes(opts.arbeidsforholdMal))
+        .filter((it: SkjønnsfastsettingMal) => (erProd ? it.iProd : true));
+}
diff --git a/src/hooks/useOppdaterFlexjarFeedback.ts b/src/hooks/useOppdaterFlexjarFeedback.ts
deleted file mode 100644
index fe51e7264..000000000
--- a/src/hooks/useOppdaterFlexjarFeedback.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { FetchError } from '@io/graphql/errors';
-import { useMutation } from '@tanstack/react-query';
-
-export function useOppdaterFlexjarFeedback() {
-    return useMutation<unknown, Error, OppdaterFlexjarFeedbackRequest>({
-        mutationFn: async (req) => {
-            return fetchFlexjar(`/api/flexjar/oppdater/${req.id}`, {
-                method: 'POST',
-                body: JSON.stringify(req.body),
-                headers: {
-                    'Content-Type': 'application/json',
-                    Accept: 'application/json',
-                },
-            });
-        },
-        onSuccess: async (_, req) => {
-            req.cb?.();
-        },
-    });
-}
-
-interface OppdaterFlexjarFeedbackRequest {
-    id: string;
-    body: object;
-    cb?: () => void;
-}
-
-export type FetchResult = { response: Response };
-export type ErrorHandler = (result: Response, defaultErrorHandler: () => void) => void;
-export const fetchFlexjar = async (
-    url: string,
-    options: RequestInit = {},
-    errorHandler?: ErrorHandler,
-): Promise<FetchResult> => {
-    const fetchUrl = async () => {
-        try {
-            return await fetch(url, options);
-        } catch (e) {
-            throw new FetchError(`${e} - Kall til url: ${options.method} ${url} - feilet uten svar fra backend.`);
-        }
-    };
-
-    const response = await fetchUrl();
-
-    if (response.status == 401) {
-        window.location.reload();
-        throw new FetchError('Reloader siden på grunn av HTTP-kode 401 fra backend.');
-    }
-
-    if (!response.ok) {
-        const defaultErrorHandler = () => {
-            throw new FetchError(
-                `Kall til url: ${options.method || 'GET'} ${url} - feilet med HTTP-kode: ${response.status}.`,
-            );
-        };
-        if (errorHandler) {
-            errorHandler(response, defaultErrorHandler);
-        } else {
-            defaultErrorHandler();
-        }
-    }
-
-    return { response };
-};
diff --git a/src/hooks/useOpprettFlexjarFeedback.ts b/src/hooks/useOpprettFlexjarFeedback.ts
deleted file mode 100644
index 4ceb785b6..000000000
--- a/src/hooks/useOpprettFlexjarFeedback.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { ErrorHandler, fetchFlexjar } from '@hooks/useOppdaterFlexjarFeedback';
-import { FetchError } from '@io/graphql/errors';
-import { useMutation } from '@tanstack/react-query';
-
-export function useOpprettFlexjarFeedback() {
-    return useMutation<OpprettFeedbackResoponse, unknown, object>({
-        mutationKey: ['opprettFlexjarFeedback'],
-        mutationFn: async (body) => {
-            return fetchJsonFlexjar(`/api/flexjar`, {
-                method: 'POST',
-                body: JSON.stringify(body),
-                headers: {
-                    'Content-Type': 'application/json',
-                    Accept: 'application/json',
-                },
-            });
-        },
-    });
-}
-
-interface OpprettFeedbackResoponse {
-    id: string;
-}
-
-export const fetchJsonFlexjar = async (url: string, options: RequestInit = {}, errorHandler?: ErrorHandler) => {
-    const fetchResult = await fetchFlexjar(url, options, errorHandler);
-    const response = fetchResult.response;
-
-    // Guard som sjekker at response faktisk er OK før vi prøver å parse JSON siden default throw i fetchMedRequestId()
-    // kan bli utelatt i en custom errorHandler.
-    if (!response.ok) {
-        throw new Error(
-            `Response er ${response.status}, så vi parser ikke JSON for url: ${options.method || 'GET'} ${url}.`,
-        );
-    }
-
-    try {
-        return await response.json();
-    } catch (e) {
-        throw new FetchError(
-            `${e} - Kall til url: ${options.method || 'GET'} ${url} feilet ved parsing av JSON med HTTP-kode: ${
-                response.status
-            }.`,
-        );
-    }
-};
diff --git "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/Skj\303\270nnsfastsettingHeader.tsx" "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/Skj\303\270nnsfastsettingHeader.tsx"
index 4fb2ad345..319ffd060 100644
--- "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/Skj\303\270nnsfastsettingHeader.tsx"
+++ "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/Skj\303\270nnsfastsettingHeader.tsx"
@@ -4,6 +4,7 @@ import { useRecoilValue } from 'recoil';
 import { CaseworkerFilled } from '@navikt/ds-icons';
 import { BodyShort } from '@navikt/ds-react';
 
+import { SkjønnsfastsettingMal } from '@/external/sanity';
 import { Bold } from '@components/Bold';
 import { EditButton } from '@components/EditButton';
 import { Endringstrekant } from '@components/Endringstrekant';
@@ -13,8 +14,6 @@ import { useActivePeriod } from '@state/periode';
 import { useCurrentPerson } from '@state/person';
 import { somPenger, toKronerOgØre } from '@utils/locale';
 
-import { skjønnsfastsettingMaler } from './state';
-
 import styles from './SkjønnsfastsettingHeader.module.css';
 
 interface SkjønnsfastsettingHeaderProps {
@@ -24,6 +23,7 @@ interface SkjønnsfastsettingHeaderProps {
     sykepengegrunnlagsgrense: Sykepengegrunnlagsgrense;
     editing: boolean;
     setEditing: (state: boolean) => void;
+    maler: SkjønnsfastsettingMal[] | undefined;
 }
 
 export const SkjønnsfastsettingHeader = ({
@@ -33,15 +33,11 @@ export const SkjønnsfastsettingHeader = ({
     sykepengegrunnlagsgrense,
     editing,
     setEditing,
+    maler,
 }: SkjønnsfastsettingHeaderProps) => {
     const person = useCurrentPerson();
     const aktivPeriode = useActivePeriod();
-    const maler = useRecoilValue(skjønnsfastsettingMaler);
-    const [harMaler, setHarMaler] = useState(false);
-
-    useEffect(() => {
-        setHarMaler(maler.length > 0);
-    }, [maler]);
+    const harMaler = maler && maler.length > 0;
 
     if (!person || !aktivPeriode) return <></>;
 
diff --git "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/Skj\303\270nnsfastsettingSykepengegrunnlag.tsx" "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/Skj\303\270nnsfastsettingSykepengegrunnlag.tsx"
index 94537cceb..8d79d7dc3 100644
--- "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/Skj\303\270nnsfastsettingSykepengegrunnlag.tsx"
+++ "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/Skj\303\270nnsfastsettingSykepengegrunnlag.tsx"
@@ -2,7 +2,7 @@ import classNames from 'classnames';
 import React, { useEffect, useState } from 'react';
 import { useSetRecoilState } from 'recoil';
 
-import { erProd } from '@/env';
+import { useSkjønnsfastsettelsesMaler } from '@/external/sanity';
 import { Arbeidsgiverinntekt, Sykepengegrunnlagsgrense } from '@io/graphql';
 
 import { SykepengegrunnlagsgrenseView } from '../InntektsgrunnlagTable/SykepengegrunnlagsgrenseView/SykepengegrunnlagsgrenseView';
@@ -10,7 +10,6 @@ import { SkjønnsfastsettingHeader } from './SkjønnsfastsettingHeader';
 import { SkjønnsfastsettingSammendrag } from './SkjønnsfastsettingSammendrag';
 import { SkjønnsfastsettingForm } from './form/SkjønnsfastsettingForm/SkjønnsfastsettingForm';
 import { useSkjønnsfastsettingDefaults } from './form/SkjønnsfastsettingForm/useSkjønnsfastsettingDefaults';
-import { SkjønnsfastsettingMal, skjønnsfastsettingMaler } from './state';
 
 import styles from './SkjønnsfastsettingSykepengegrunnlag.module.css';
 
@@ -34,30 +33,13 @@ export const SkjønnsfastsettingSykepengegrunnlag = ({
     avviksprosent,
 }: SkjønnsfastsettingSykepengegrunnlagProps) => {
     const [editing, setEditing] = useState(false);
-    const setMaler = useSetRecoilState(skjønnsfastsettingMaler);
     const [endretSykepengegrunnlag, setEndretSykepengegrunnlag] = useState<Maybe<number>>(null);
     const { aktiveArbeidsgivere } = useSkjønnsfastsettingDefaults(inntekter);
-    const arbeidsforholdMal = (aktiveArbeidsgivere?.length ?? 0) > 1 ? 'FLERE_ARBEIDSGIVERE' : 'EN_ARBEIDSGIVER';
 
-    useEffect(() => {
-        const response = fetch('https://z9kr8ddn.api.sanity.io/v2023-08-01/data/query/production', {
-            method: 'post',
-            headers: { 'content-type': 'application/json' },
-            body: JSON.stringify({ query: `*[_type == "skjonnsfastsettelseMal"]` }),
-        });
-        response
-            .then((response) => response.json())
-            .then((it) => {
-                setMaler(
-                    it.result
-                        .filter((it: SkjønnsfastsettingMal) =>
-                            avviksprosent <= 25 ? it.lovhjemmel.ledd !== '2' : true,
-                        )
-                        .filter((it: SkjønnsfastsettingMal) => it.arbeidsforholdMal.includes(arbeidsforholdMal))
-                        .filter((it: SkjønnsfastsettingMal) => (erProd ? it.iProd : true)),
-                );
-            });
-    }, []);
+    const { maler, loading, error } = useSkjønnsfastsettelsesMaler(
+        avviksprosent,
+        (aktiveArbeidsgivere?.length ?? 0) > 1,
+    );
 
     useEffect(() => {
         setEndretSykepengegrunnlag(null);
@@ -73,9 +55,10 @@ export const SkjønnsfastsettingSykepengegrunnlag = ({
                     sykepengegrunnlagsgrense={sykepengegrunnlagsgrense}
                     editing={editing}
                     setEditing={setEditing}
+                    maler={maler}
                 />
                 {!editing && skjønnsmessigFastsattÅrlig !== null && <SkjønnsfastsettingSammendrag />}
-                {editing && omregnetÅrsinntekt != null && sammenligningsgrunnlag != null && (
+                {editing && maler && omregnetÅrsinntekt != null && sammenligningsgrunnlag != null && (
                     <SkjønnsfastsettingForm
                         inntekter={inntekter}
                         omregnetÅrsinntekt={omregnetÅrsinntekt}
@@ -83,6 +66,7 @@ export const SkjønnsfastsettingSykepengegrunnlag = ({
                         sykepengegrunnlagsgrense={sykepengegrunnlagsgrense}
                         onEndretSykepengegrunnlag={setEndretSykepengegrunnlag}
                         setEditing={setEditing}
+                        maler={maler}
                     />
                 )}
             </div>
diff --git "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingBegrunnelse.tsx" "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingBegrunnelse.tsx"
index 0fd794585..9e28c03fa 100644
--- "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingBegrunnelse.tsx"
+++ "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingBegrunnelse.tsx"
@@ -1,31 +1,30 @@
 import styles from './SkjønnsfastsettingBegrunnelse.module.scss';
 import React, { useState } from 'react';
-import { useFormContext, useWatch } from 'react-hook-form';
-import { useRecoilValue } from 'recoil';
+import { useFormContext } from 'react-hook-form';
 
 import { BodyLong, BodyShort, Textarea } from '@navikt/ds-react';
 
+import { SkjønnsfastsettingMal } from '@/external/sanity';
 import { Button } from '@components/Button';
 import { Modal } from '@components/Modal';
 import { SortInfoikon } from '@components/ikoner/SortInfoikon';
 import { toKronerOgØre } from '@utils/locale';
 
 import { Skjønnsfastsettingstype } from '../skjønnsfastsetting';
-import { skjønnsfastsettingMaler } from '../state';
 import { ExpandableSkjønnsfastsettingBegrunnelseContent } from './ExpandableSkjønnsfastsettingBegrunnelse';
 
 interface SkjønnsfastsettingBegrunnelseProps {
     omregnetÅrsinntekt: number;
     sammenligningsgrunnlag: number;
+    valgtMal: SkjønnsfastsettingMal | undefined;
 }
 
 export const SkjønnsfastsettingBegrunnelse = ({
     omregnetÅrsinntekt,
     sammenligningsgrunnlag,
+    valgtMal,
 }: SkjønnsfastsettingBegrunnelseProps) => {
     const { formState, register, watch } = useFormContext();
-    const valgtÅrsak = useWatch({ name: 'årsak' });
-    const malFraSanity = useRecoilValue(skjønnsfastsettingMaler).find((it) => it.arsak === valgtÅrsak);
     const [showModal, setShowModal] = useState(false);
     const begrunnelseType = watch('type');
     const arbeidsgivere = watch('arbeidsgivere', []);
@@ -45,9 +44,9 @@ export const SkjønnsfastsettingBegrunnelse = ({
                         <span className={styles.Bold}>Begrunnelse</span> (teksten vises til bruker)
                     </BodyShort>
                     <ExpandableSkjønnsfastsettingBegrunnelseContent>
-                        {malFraSanity?.begrunnelse && (
+                        {valgtMal?.begrunnelse && (
                             <BodyLong className={styles.mal}>
-                                {malFraSanity.begrunnelse
+                                {valgtMal.begrunnelse
                                     .replace('${omregnetÅrsinntekt}', toKronerOgØre(omregnetÅrsinntekt))
                                     .replace('${omregnetMånedsinntekt}', toKronerOgØre(omregnetÅrsinntekt / 12))
                                     .replace('${sammenligningsgrunnlag}', toKronerOgØre(sammenligningsgrunnlag))}
@@ -76,12 +75,9 @@ export const SkjønnsfastsettingBegrunnelse = ({
                     }
                     resize
                 />
-                {malFraSanity?.konklusjon && (
+                {valgtMal?.konklusjon && (
                     <BodyLong className={styles.mal}>
-                        {malFraSanity.konklusjon.replace(
-                            '${skjønnsfastsattÅrsinntekt}',
-                            toKronerOgØre(skjønnsfastsatt),
-                        )}
+                        {valgtMal.konklusjon.replace('${skjønnsfastsattÅrsinntekt}', toKronerOgØre(skjønnsfastsatt))}
                     </BodyLong>
                 )}
             </div>
diff --git "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingForm/Skj\303\270nnsfastsettingForm.tsx" "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingForm/Skj\303\270nnsfastsettingForm.tsx"
index 605eea22e..c33b02f15 100644
--- "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingForm/Skj\303\270nnsfastsettingForm.tsx"
+++ "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingForm/Skj\303\270nnsfastsettingForm.tsx"
@@ -4,6 +4,7 @@ import { useRecoilValue } from 'recoil';
 
 import { Button, Loader } from '@navikt/ds-react';
 
+import { SkjønnsfastsettingMal } from '@/external/sanity';
 import { ErrorMessage } from '@components/ErrorMessage';
 import { TimeoutModal } from '@components/TimeoutModal';
 import { useIsReadOnlyOppgave } from '@hooks/useIsReadOnlyOppgave';
@@ -17,7 +18,6 @@ import {
     Skjønnsfastsettingstype,
     usePostSkjønnsfastsattSykepengegrunnlag,
 } from '../../skjønnsfastsetting';
-import { skjønnsfastsettingMaler } from '../../state';
 import { SkjønnsfastsettingBegrunnelse } from '../SkjønnsfastsettingBegrunnelse';
 import { SkjønnsfastsettingType } from '../SkjønnsfastsettingType';
 import { SkjønnsfastsettingÅrsak } from '../SkjønnsfastsettingÅrsak';
@@ -41,6 +41,7 @@ interface SkjønnsfastsettingFormProps {
     sykepengegrunnlagsgrense: Sykepengegrunnlagsgrense;
     onEndretSykepengegrunnlag: (endretSykepengegrunnlag: Maybe<number>) => void;
     setEditing: (state: boolean) => void;
+    maler: SkjønnsfastsettingMal[];
 }
 
 export const SkjønnsfastsettingForm = ({
@@ -50,12 +51,12 @@ export const SkjønnsfastsettingForm = ({
     sykepengegrunnlagsgrense,
     onEndretSykepengegrunnlag,
     setEditing,
+    maler,
 }: SkjønnsfastsettingFormProps) => {
     const period = useActivePeriod();
     const person = useCurrentPerson();
     const { aktiveArbeidsgivere, aktiveArbeidsgivereInntekter, defaults } = useSkjønnsfastsettingDefaults(inntekter);
     const erReadonly = useIsReadOnlyOppgave();
-    const maler = useRecoilValue(skjønnsfastsettingMaler);
     const feiloppsummeringRef = useRef<HTMLDivElement>(null);
     const avrundetSammenligningsgrunnlag = Math.round((sammenligningsgrunnlag + Number.EPSILON) * 100) / 100;
     const cancelEditing = () => {
@@ -134,7 +135,7 @@ export const SkjønnsfastsettingForm = ({
         <FormProvider {...form}>
             <form onSubmit={form.handleSubmit(confirmChanges)}>
                 <div className={styles.skjønnsfastsetting}>
-                    <SkjønnsfastsettingÅrsak />
+                    <SkjønnsfastsettingÅrsak maler={maler} />
                     {harValgt25Avvik && <SkjønnsfastsettingType />}
                     {((harValgt25Avvik && valgtType) || (valgtÅrsak !== '' && !harValgt25Avvik)) && (
                         <>
@@ -146,6 +147,7 @@ export const SkjønnsfastsettingForm = ({
                             <SkjønnsfastsettingBegrunnelse
                                 omregnetÅrsinntekt={omregnetÅrsinntekt}
                                 sammenligningsgrunnlag={avrundetSammenligningsgrunnlag}
+                                valgtMal={valgtMal}
                             />
                             {visFeilOppsummering && (
                                 <Feiloppsummering
diff --git "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingForm/skj\303\270nnsfastsettingFormToDto.tsx" "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingForm/skj\303\270nnsfastsettingFormToDto.tsx"
index 4d26bfeab..8b76f3ccf 100644
--- "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingForm/skj\303\270nnsfastsettingFormToDto.tsx"
+++ "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsettingForm/skj\303\270nnsfastsettingFormToDto.tsx"
@@ -1,3 +1,4 @@
+import { SkjønnsfastsettingMal } from '@/external/sanity';
 import { Arbeidsgiverinntekt } from '@io/graphql';
 import { SkjønnsfastsattSykepengegrunnlagDTO, SkjønnsfastsettingstypeDTO } from '@io/http';
 import { toKronerOgØre } from '@utils/locale';
@@ -5,7 +6,6 @@ import { finnFørsteVedtaksperiodeIdPåSkjæringstidspunkt } from '@utils/sykefr
 import { isBeregnetPeriode } from '@utils/typeguards';
 
 import { ArbeidsgiverForm, Skjønnsfastsettingstype } from '../../skjønnsfastsetting';
-import { SkjønnsfastsettingMal } from '../../state';
 import { SkjønnsfastsettingFormFields } from './SkjønnsfastsettingForm';
 
 interface InitierendeVedtaksperiodeForArbeidsgiver {
diff --git "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsetting\303\205rsak.tsx" "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsetting\303\205rsak.tsx"
index 4ec2651e2..b64326643 100644
--- "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsetting\303\205rsak.tsx"
+++ "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/form/Skj\303\270nnsfastsetting\303\205rsak.tsx"
@@ -1,18 +1,20 @@
 import styles from './SkjønnsfastsettingBegrunnelse.module.scss';
 import React from 'react';
 import { useFormContext } from 'react-hook-form';
-import { useRecoilValue } from 'recoil';
 
 import { CheckmarkCircleFillIcon } from '@navikt/aksel-icons';
 import { BodyShort, Radio, RadioGroup } from '@navikt/ds-react';
 
+import { SkjønnsfastsettingMal } from '@/external/sanity';
 import { EditButton } from '@components/EditButton';
 
-import { skjønnsfastsettingMaler } from '../state';
+type Props = {
+    maler: SkjønnsfastsettingMal[] | undefined;
+};
 
-export const SkjønnsfastsettingÅrsak = () => {
+export const SkjønnsfastsettingÅrsak = ({ maler }: Props) => {
     const { formState, register, setValue, resetField, getValues } = useFormContext();
-    const årsaker = useRecoilValue(skjønnsfastsettingMaler).flatMap((it) => it.arsak);
+    const årsaker = maler?.flatMap((it) => it.arsak) ?? [];
     const { ref, ...årsakValidation } = register('årsak', { required: 'Du må velge en årsak' });
 
     const resetType = () => {
diff --git "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/state.ts" "b/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/state.ts"
deleted file mode 100644
index 45b90ee20..000000000
--- "a/src/routes/saksbilde/sykepengegrunnlag/skj\303\270nnsfastsetting/state.ts"
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Lovhjemmel } from '../overstyring/overstyring.types';
-import { atom } from 'recoil';
-
-export type ArbeidsforholdMal = 'EN_ARBEIDSGIVER' | 'FLERE_ARBEIDSGIVERE';
-
-export interface SkjønnsfastsettingMal {
-    _id: string;
-    begrunnelse: string;
-    konklusjon: string;
-    arsak: string;
-    iProd: boolean;
-    lovhjemmel: Lovhjemmel;
-    arbeidsforholdMal: ArbeidsforholdMal[];
-}
-
-export const skjønnsfastsettingMaler = atom<SkjønnsfastsettingMal[]>({
-    key: 'skjønnsfastsettingMaler',
-    default: [],
-});
diff --git a/src/routes/saksbilde/sykepengegrunnlag/sykepengegrunnlagvisninger/spleis/SykepengegrunnlagFraSpleis.test.tsx b/src/routes/saksbilde/sykepengegrunnlag/sykepengegrunnlagvisninger/spleis/SykepengegrunnlagFraSpleis.test.tsx
index e5b1aacdd..0e930fc5a 100644
--- a/src/routes/saksbilde/sykepengegrunnlag/sykepengegrunnlagvisninger/spleis/SykepengegrunnlagFraSpleis.test.tsx
+++ b/src/routes/saksbilde/sykepengegrunnlag/sykepengegrunnlagvisninger/spleis/SykepengegrunnlagFraSpleis.test.tsx
@@ -1,4 +1,4 @@
-import { RecoilWrapper } from '@test-wrappers';
+import { ApolloWrapper } from '@test-wrappers';
 import fetchMock from 'jest-fetch-mock';
 import React from 'react';
 
@@ -62,7 +62,7 @@ describe('SykepengegrunnlagFraSpleis', () => {
 
         render(
             <SykepengegrunnlagFraSpleis vilkårsgrunnlag={vilkårsgrunnlag} organisasjonsnummer={organisasjonsnummer} />,
-            { wrapper: RecoilWrapper },
+            { wrapper: ApolloWrapper },
         );
 
         expect(screen.getByText('Inntektsgrunnlag')).toBeVisible();
@@ -96,7 +96,7 @@ describe('SykepengegrunnlagFraSpleis', () => {
 
         render(
             <SykepengegrunnlagFraSpleis vilkårsgrunnlag={vilkårsgrunnlag} organisasjonsnummer={organisasjonsnummer} />,
-            { wrapper: RecoilWrapper },
+            { wrapper: ApolloWrapper },
         );
 
         expect(screen.getByText('Inntektsgrunnlag')).toBeVisible();
@@ -107,12 +107,3 @@ describe('SykepengegrunnlagFraSpleis', () => {
         expect(screen.getAllByText(arbeidsgiver.navn)).toHaveLength(3);
     });
 });
-
-export function mockFetch(data: string) {
-    return jest.fn().mockImplementation(() =>
-        Promise.resolve({
-            ok: true,
-            json: () => data,
-        }),
-    );
-}