From 3ab8b8e1e292b83a3fd9a698e9093ed5e9125bc9 Mon Sep 17 00:00:00 2001
From: Stian Gustavsson <stian.gustavsson@nav.no>
Date: Mon, 6 Jan 2025 11:32:54 +0100
Subject: [PATCH] - Fikset visning av kildedata i Tenor komponent, grunnet
 manglende suspense handling (#3711)

---
 .../js/src/pages/tenorSoek/resultatVisning/TabsVisning.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TabsVisning.tsx b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TabsVisning.tsx
index 3724e2ed864..16545afd3df 100644
--- a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TabsVisning.tsx
+++ b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TabsVisning.tsx
@@ -1,7 +1,8 @@
 import { Tabs } from '@navikt/ds-react'
-import React, { lazy } from 'react'
+import React, { lazy, Suspense } from 'react'
 import styled from 'styled-components'
 import { FileCodeIcon, KeyVerticalIcon } from '@navikt/aksel-icons'
+import Loading from '@/components/ui/loading/Loading'
 
 const TabsVisningFormatter = styled.div`
 	width: 100%;
@@ -56,7 +57,9 @@ export const TabsVisning = ({ children, kildedata }: any) => {
 						marginBottom: '15px',
 					}}
 				>
-					<PrettyCode language={'json'} codeString={kildedataPretty} wrapLongLines />
+					<Suspense fallback={<Loading label={'Laster kildedata...'} />}>
+						<PrettyCode language={'json'} codeString={kildedataPretty} wrapLongLines />
+					</Suspense>
 				</Tabs.Panel>
 			</Tabs>
 		</TabsVisningFormatter>