Oppgradering av storybook som kjører

.storybook/main.ts

@@ -10,7 +10,8 @@ const storybookConfig: StorybookConfig = {
         getAbsolutePath('@storybook/addon-essentials'),
         getAbsolutePath('@storybook/addon-a11y'),
         getAbsolutePath('@storybook/addon-storysource'),
-        '@storybook/addon-webpack5-compiler-babel',
+        getAbsolutePath('@storybook/addon-mdx-gfm'),
+        getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
     ],
     typescript: {
         check: true,
@@ -21,12 +22,10 @@ const storybookConfig: StorybookConfig = {
         },
     },
     framework: {
-        name: getAbsolutePath('@storybook/react-webpack5'),
+        name: '@storybook/react-webpack5',
         options: {},
     },
-    docs: {
-        autodocs: true,
-    },
+    docs: {},
     async webpackFinal(config) {
         if (config.module && config.module.rules) {
             config.module.rules.push({

.storybook/preview.js

@@ -1,3 +1,4 @@
 export const parameters = {
     controls: { expanded: true },
 };
+export const tags = ["autodocs"];

package.json

@@ -39,13 +39,13 @@
     "@commitlint/config-conventional": "^19.6.0",
     "@storybook/addon-a11y": "^8.4.5",
     "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-mdx-gfm": "^8.4.5",
     "@storybook/addon-storysource": "^8.4.5",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
     "@storybook/blocks": "^8.4.5",
     "@storybook/react": "^8.4.5",
     "@storybook/react-webpack5": "^8.4.5",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
     "@storybook/storybook-deployer": "^2.8.16",
-    "babel-loader": "^9.2.1",
     "classnames": "^2.5.1",
     "commitizen": "^4.3.1",
     "copyfiles": "^2.4.1",
@@ -67,7 +67,6 @@
     "react-dom": "^18.3.1",
     "storybook": "^8.4.5",
     "style-loader": "^4.0.0",
-    "ts-loader": "^9.5.1",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
     "typescript": "^5.7.2",

packages/familie-header/src/søk/Søkeresultat.tsx

@@ -126,7 +126,7 @@ const ResultatVisningUtenFagsak: React.FC<{ ingenFagsakKomponent?: ReactNode }>
     ingenFagsakKomponent,
 }) => {
     if (ingenFagsakKomponent) {
-        return ingenFagsakKomponent;
+        return <>ingenFagsakKomponent</>;
     }
 
     return <BodyShort size={'small'}>{`Ingen fagsak. Trykk for å opprette.`}</BodyShort>;