Does not return types from imported modules

[graup]

(This issue wraps up the following issues: #113 #371, possibly others)

If your component's typing comes from an external module, it is currently not returned by react-docgen-typescript.

Example:

import { styled } from '@stitches/react';

const Button = styled('button', {
  backgroundColor: 'gainsboro',
  borderRadius: '9999px',
  fontSize: '13px',
  padding: '10px 15px',
  '&:hover': {
    backgroundColor: 'lightgray',
  },
});

export default Button;

Running parse on this file returns no results, even though Typescript absolutely knows the type of Button.

I think the fix is fairly easy. Just rewrite this code to not return null if there're no comments, and instead apply the defaultProps optionally. Doing this, the resulting component name is not optimal (it becomes the name of the type), but we could just use the variable name of the default import (Button), which is what #113 suggested.

This is a problem for users of Storybook (storybookjs/storybook#12185)

[graup]

I noticed that this works when you do export default Button as typeof Button which is a weird workaround.

[KL13NT]

This is also true for the following:

import { COLOR_TYPES } from '@core/components/Icon/Icon';

export interface NavigationIconProps {
	/** Color of the icon */
	color?: COLOR_TYPES;
}

Where COLOR_TYPES is an exported type. RDT returns an empty array upon parsing this component.

[github-actions]

There was no activity for a long time. The issue will be closed soon.

[github-actions]

Closing this issue as obsolete.

[EloB]

This is also true for the following:

import { COLOR_TYPES } from '@core/components/Icon/Icon';

export interface NavigationIconProps {
	/** Color of the icon */
	color?: COLOR_TYPES;
}

Where COLOR_TYPES is an exported type. RDT returns an empty array upon parsing this component.

Did you find any solution to this?