Typescript-react-starter: Compile Error: interface name must start with a capitalized I

Created on 26 Jul 2018 · 7Comments · Source: microsoft/TypeScript-React-Starter

I'm building my-app/src/components/Hello.tsx, and got this error:

(4,18): interface name must start with a capitalized I

and I need to fix it by adding 'I' before 'Props' to 'IProps':

export interface IProps {
    name: string;
    enthusiasmLevel?: number;
}

function Hello({name, enthusiasmLevel = 1} : IProps){

I think this error will influence all the place of interface name,

should I just update this part of README.md using PR first?

Source

Yang09701194

Most helpful comment

This can be solved with these rules (that solves also other problems ...) in your tslint.json

"rules": {
    "object-literal-sort-keys": false,
    "interface-name": false,
    "member-access": [true, "no-public"],
    "ordered-imports": false
  },

lc3t35 on 24 Sep 2018

👍11

All 7 comments

I've seen that IProps is fixed in #172 ,but seems few places possibly need fix, I've not finished reading README.md, maybe I'll give it some check when I finish.

Yang09701194 on 27 Jul 2018

Will be good if this can be fixed, it might stumble many other newcomers.

vincentwongso on 21 Aug 2018

👍3

Sorry I am working on my next job interviews these weeks, so I can't spend time on this issue recently,
if anyone is enthusiastic to fix it is welcome.

Yang09701194 on 21 Aug 2018

This can be solved with these rules (that solves also other problems ...) in your tslint.json

"rules": {
    "object-literal-sort-keys": false,
    "interface-name": false,
    "member-access": [true, "no-public"],
    "ordered-imports": false
  },

lc3t35 on 24 Sep 2018

👍11

https://github.com/palantir/tslint/issues/3265

wedaren on 17 Jan 2019

This can be solved with these rules (that solves also other problems ...) in your tslint.json
"rules": {
    "object-literal-sort-keys": false,
    "interface-name": false,
    "member-access": [true, "no-public"],
    "ordered-imports": false
  },

Not working now...!

raitalharehman on 21 Mar 2019

{
"defaultSeverity": "error",
"extends": [
"tslint:recommended"
],
"jsRules": {},
"rules": {
"class-name": false,
"trailing-comma": [ false ],
"no-console": false,
"only-arrow-functions": false,
"interface-name": [true, "never-prefix"]
},
"rulesDirectory": []
}
Update your interface rule as above, It seems to working