Test .js and .ts files for components as well

storybookjs · Apr 2, 2022 · d8f00f8 · d8f00f8
1 parent 85037af
commit d8f00f8
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/builder-vite/plugins/react-docgen.ts b/packages/builder-vite/plugins/react-docgen.ts
@@ -21,7 +21,8 @@ export function reactDocgen(): Plugin {
     name: 'react-docgen',
     enforce: 'pre',
     async transform(src: string, id: string) {
-      if (/\.(mjs|tsx|jsx)$/.test(id)) {
+      // JSX syntax is only allowed in .tsx and .jsx, but components can technically be created without JSX
+      if (/\.(mjs|tsx?|jsx?)$/.test(id)) {
         try {
           // Since we're using `findAllExportedComponentDefinitions`, this will always be an array.
           const docgenResults = parse(src, defaultResolver, handlers, { importer: defaultImporter, filename: id }) as