fix: Storybook viewMode

Use the Storybook API and make sure TS knows about DOM
nl-design-system · Dec 18, 2024 · 2684fbb · 2684fbb
1 parent d0896ee
commit 2684fbb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/storybook-shared/src/StoryRootDecorator.tsx b/packages/storybook-shared/src/StoryRootDecorator.tsx
@@ -15,10 +15,10 @@ export const StoryRootDecorator: Decorator = (Story, context) => {
   //
   // - Page title: https://nldesignsystem.nl/wcag/2.4.2
   // - Language of the page: https://nldesignsystem.nl/wcag/3.1.1
-  const viewMode = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('viewMode') : '';
+  const { viewMode } = context;
 
   useEffect(() => {
-    if (viewMode === 'story' && typeof document !== 'undefined') {
+    if (viewMode === 'story') {
       document.title = title || context.name;
       document.documentElement.lang = lang;
       document.documentElement.dir = dir || '';

diff --git a/packages/storybook-shared/tsconfig.json b/packages/storybook-shared/tsconfig.json
@@ -2,6 +2,7 @@
   "extends": "@nl-design-system/tsconfig",
   "compilerOptions": {
     "allowSyntheticDefaultImports": true,
+    "lib": ["DOM"],
     "module": "esnext",
     "moduleResolution": "bundler"
   }