No suitable component definition found.

[BuckyDev]

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...

[ShouriYang]

I think you can use "raw-loader" with which I can solve this error.

[BuckyDev]

Yep it's definitely that the file isn't loaded as a string. I can't find a way to use raw-loader since the syntax has been deprecated. For anyone facing that kind of issue, I solved it by setting up a node server and fetching the endpoint to get the file I needed. Then simply pass it to the parse function and that works