Create-react-app: Visual Studio can't suggest my prop types

[Saibamen]

Is this a bug report?

Yes

Did you try recovering your dependencies?

Yes

Which terms did you search for in User Guide?

Props, PropTypes, VS Code

Environment

VS Code: 1.33.1
System:
    OS: Windows 10 - 10.0.17763.437
    CPU: (4) x64 Intel(R) Core(TM) i5-7300HQ CPU @ 2.50GHz
  Binaries:
    Node: 10.13.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.15.2 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.9.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: 44.17763.1.0
    Internet Explorer: 11.0.17763.1
    I have Chrome and Firefox too
  npmPackages:
    react: ^16.8.6 => 16.8.6
    react-dom: ^16.8.6 => 16.8.6
    react-scripts: 3.0.0 => 3.0.0
  npmGlobalPackages:
    create-react-app: Not Found

Steps to Reproduce

jsconfig.json places in my global folder (not in src):

{
  "compilerOptions": {
    "jsx": "react",
    "baseUrl": "./src"
  }
}

I installed React PropTypes Intellisense extension into VS Code

1. Write propTypes
2. In your component, type this.props. and hit [Ctrl] + [Space] to show suggestions

Expected Behavior

My PropTypes should be in suggestion window

Actual Behavior

It's also didn't work outside of component - I only have ref, children and key suggestions from React

Reproducible Demo

Not needed - it's default CRA setup 3.0.0

[semoal]

I'm practically sure only static props can be set for defaultProps and a babel configuration.
https://reactjs.org/docs/typechecking-with-proptypes.html
Try this instead:

class Greeting extends React.Component {
  render() {
    return (
      <h1>Hello, {this.props.name}</h1>
    );
  }
}

// Specifies the default values for props:
Greeting.defaultProps = {
  name: PropTypes.string
};

[Saibamen]

@semoal Thanks for your answer. It's a typo in your quick-code - should be Greeting.propTypes = {

Anyway. Changing static propTypes into ColumnChart.propTypes and this same for defaultProps (and of course moving it outside class) didn't work - both for this same class file suggestions and suggestions in other components that are calling my <ColumnChart someOfMyProp=... />

Changing my file extension from .js to .jsx didn't helped too :(

[stale[bot]]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[Saibamen]

a

[stale[bot]]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[Saibamen]

a

[M-Yankov]

I've read these topics and tried this extensions... but nothing. I just want intellisense for the defined propTypes when the component is used from other components.

• https://marketplace.visualstudio.com/items?itemName=OfHumanBondage.react-proptypes-intellisense
• https://marketplace.visualstudio.com/items?itemName=cuneyt-aliustaoglu.vscode-react-proptypes-intellisense
• https://stackoverflow.com/questions/49703015/exposing-react-component-proptypes
• https://stackoverflow.com/questions/35950385/react-intellisense-in-visual-studio-code
• https://github.com/Microsoft/vscode/issues/24926#issuecomment-294992766

[datasoysa]

This one works --> https://marketplace.visualstudio.com/items?itemName=cuneyt-aliustaoglu.vscode-react-proptypes-intellisense

But after creating the Component.propTypes you have to call this one from command platte. cmd+shift+p and search for proptype intellisense and hit enter. It will automatically create augments for the given proptypes ;)

[stale[bot]]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[Ronkiro]

Removing stale**

[stale[bot]]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[Saibamen]

u

[stale[bot]]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[rovansteen]

I suggest filing an issue with the plugin, I don't think there is anything we can do from our side here.