Type Error: cannot read property of undefined

[dylanirlbeck]

I'm getting an issue where I installed react-docgen-typescript with yarn and attempt to call it like such

const tsParser = require("react-docgen-typescript");
// Some code
var propTypes = tsParser.parse("./componentToParse.tsx");
console.log(propTypes[0].props);

and end up getting this error

TypeError: Cannot read property 'props' of undefined

Has anyone seen this before and do you have any ideas what could be happening? The weird thing is, if I operate within a fork of the react-docgen-typescript repo I'm totally fine. It only seems to be failing when I try and install it as a dependency in another project.

[dylanirlbeck]

Update: For some reason, I need to install the @types/react package in order for the function to work correctly. I'm not sure if this is a bug, but I was able to get the parsing working for the code above after installing that package.

[narayananramu]

I think there should be a workaround if the defaultProps are not defined in the same file. I am seeing this error if I do like below.

// File: Hello.Props.tsx
export default interface HelloProps {
    framework: string;
    compiler: string;
}


const defaultProps: Partial<HelloProps> = {
    compiler: 'TypeScript',
};

export { defaultProps };

// File Hello.tsx
import * as React from "react";

import HelloProps, { defaultProps as props } from './Hello.Props';

export default class Hello extends React.Component<HelloProps, {}> {
    static defaultProps = props;

    render() {
        return <h1>Hello from {this.props.framework} and { this.props.compiler }!</h1>;
    }
}

Workaround (Hack):

// File: Hello.Props.tsx
export default interface HelloProps {
    framework: string;
    compiler: string;
}

// File Hello.tsx
import * as React from "react";

import HelloProps from './Hello.Props';

export default class Hello extends React.Component<HelloProps, {}> {
    static defaultProps =  {
        compiler: 'TypeScript',
    };

    render() {
        return <h1>Hello from {this.props.framework} and { this.props.compiler }!</h1>;
    }
}

[github-actions]

There was no activity for a long time. Closing this issue as obsolete. In case it is still valid, please, open a new one.

[github-actions]

Closing this issue as obsolete.