register custom syntax in a story loader

storybookjs · Jul 5, 2023 · a9d0d22 · a9d0d22
1 parent a599ade
commit a9d0d22
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/code/ui/components/src/syntaxhighlighter/syntaxhighlighter.stories.tsx b/code/ui/components/src/syntaxhighlighter/syntaxhighlighter.stories.tsx
@@ -5,9 +5,6 @@ import React from 'react';
 import scss from 'react-syntax-highlighter/dist/esm/languages/prism/scss';
 import { SyntaxHighlighter } from './lazy-syntaxhighlighter';
 
-// Register custom language
-SyntaxHighlighter.registerLanguage('scss', scss);
-
 export default {
   component: SyntaxHighlighter,
 };
@@ -123,6 +120,7 @@ div.parent {
   }
 }`,
   },
+  loaders: [() => SyntaxHighlighter.registerLanguage('scss', scss)],
 };
 
 export const Unsupported = {