docs: rollback react-docgen (#6765)

www/package.json

@@ -33,7 +33,7 @@
     "prism-react-renderer": "^2.1.0",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
-    "react-docgen": "^7.0.3",
+    "react-docgen": "^5.4.3",
     "react-dom": "^18.2.0",
     "react-live": "^2.4.1",
     "sass": "^1.69.7",

www/plugins/react-docgen-plugin/index.js

@@ -29,8 +29,7 @@ module.exports = () => ({
         const filePath = path.join(srcPath, file);
         const buffer = await fs.readFile(filePath);
 
-        const output = reactDocgen.parse(buffer, {
-          resolver: resolveHocComponents,
+        const output = reactDocgen.parse(buffer, resolveHocComponents, null, {
           filename: filePath,
         });
 

www/plugins/react-docgen-plugin/resolveHocComponents.js

@@ -1,10 +1,15 @@
 const camelCase = require('lodash.camelcase');
 const { resolver, utils } = require('react-docgen');
 const { namedTypes: types, visit } = require('ast-types');
-const { parse } = require('react-docgen');
+const buildParser = require('react-docgen/dist/babelParser').default;
 
 const upperFirst = (str) => str[0].toUpperCase() + str.slice(1);
 
+const parser = buildParser({
+  // Avoid babel complaining about requiring a filename.
+  filename: 'dummy.ts',
+});
+
 module.exports = (ast) => {
   let components = resolver.findAllComponentDefinitions(ast);
 
@@ -71,7 +76,7 @@ export default class ${upperFirst(
 }
         `;
 
-      let comp = parse(src);
+      let comp = parser.parse(src);
       comp.__src = src;
       components = components.concat(
         resolver.findExportedComponentDefinition(comp),