No suitable component definition found.

Haven't been able to get the JSON output for any component. However, that's working on the Playground app. For instance:

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import './HSource.css';

export default class HSource extends Component {
  static propTypes = {
    url: PropTypes.string.isRequired,
  }

  render() {
    const { url } = this.props;
    return (
      <div
        className='source'
      >
        {url}
      </div>
    )
  }
} 

Ran with:

import HSource from '../../lib/HSource'
const reactDocs = require('react-docgen');
const componentInfo = reactDocs.parse(HSource)

Deps:

"dependencies": {
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-scripts": "3.3.0"
  },
  "devDependencies": {
    "react-docgen": "^5.1.0"
  }

Still can't figure out if that's a bug, if that's my deps or if I'm missing something obvious...

Beginne damit, das Beispiel mit react-docgen.parse(HSource) zu reproduzieren und mit dem Verhalten des Playgrounds zu vergleichen. Untersuche den Parser-Einstiegspunkt, der am Parsen dieser Komponente beteiligt ist, und ermittle, warum keine Komponentendefinition zurückgegeben wird; die Aufgabe ist abgeschlossen, wenn die bereitgestellte Komponente eine JSON-Ausgabe erzeugt oder die fehlende Voraussetzung dokumentiert ist.