diff --git a/storybook/storybook-docs/config/main.js b/storybook/storybook-docs/config/main.js
index 7a167b0883..f53c8d00c5 100644
--- a/storybook/storybook-docs/config/main.js
+++ b/storybook/storybook-docs/config/main.js
@@ -1,10 +1,10 @@
 import remarkGfm from 'remark-gfm'
 
+// eslint-disable-next-line no-undef
 const { STORYBOOK_BUILD_PATH } = process.env
 const REPO_NAME = 'design-system'
 
-/* eslint-env node */
-module.exports = {
+const config = {
   core: {
     disableTelemetry: true,
   },
@@ -58,3 +58,5 @@ module.exports = {
     }
   },
 }
+
+export default config
diff --git a/storybook/storybook-docs/src/interactive-elements.stories.mdx b/storybook/storybook-docs/src/interactive-elements.stories.mdx
index 722ccc1335..ee24472c41 100644
--- a/storybook/storybook-docs/src/interactive-elements.stories.mdx
+++ b/storybook/storybook-docs/src/interactive-elements.stories.mdx
@@ -22,8 +22,6 @@ Gebruik geen algemene fragmenten voor links, zoals “klik hier” of “lees me
 
 Om aan te geven dat een element interactief is gebruiken we de kleur blauw. Zo zijn inline links blauw en de primaire knop ook. Bij hover wordt dit donkerblauw.
 
-Als door de context al duidelijk is dat een element interactief is, gebruiken we in sommige gevallen de standaard tekstkleur zwart. Een voorbeeld hiervan is een menu.
-
 Voor interactieve elementen die onderdeel zijn van een foutmelding gebruiken we rood, en donkerrood voor hover.
 
 Kleur mag niet de enige indicator van interactiviteit zijn, zodat mensen die moeite hebben met het waarnemen van verschillen in kleur toch kunnen zien dat een element interactief is.
diff --git a/storybook/storybook-react/config/main.js b/storybook/storybook-react/config/main.ts
similarity index 85%
rename from storybook/storybook-react/config/main.js
rename to storybook/storybook-react/config/main.ts
index 581d6a57d9..d9168e0df1 100644
--- a/storybook/storybook-react/config/main.js
+++ b/storybook/storybook-react/config/main.ts
@@ -1,7 +1,7 @@
+import type { StorybookConfig } from '@storybook/react-vite'
 import remarkGfm from 'remark-gfm'
 
-/* eslint-env node */
-module.exports = {
+const config: StorybookConfig = {
   core: {
     disableTelemetry: true,
   },
@@ -34,3 +34,5 @@ module.exports = {
     autodocs: true,
   },
 }
+
+export default config