Defining variable after declaration throwing error not defined

Question

I wanted to use a variable before its definition,

interface IProps extends WithStyles<typeof STYLES>;

const STYLES = () => ({ })

it was not causing any error, but a warning

STYLES used before defined no-use-before-define

So I read somewhere and declare it before using, like following-

declare let STYLES: () => ({})

interface IProps extends WithStyles<typeof STYLES>;

STYLES = () => ({})

Now the console is clear, no warnings and no error, but at run time I am getting an error that

ReferenceError: STYLES is not defined.

I have tried by making STYLES variable while defining, like

let STYLES = () => ({})

but it causing the error

Cannot redeclare block-scoped variable 'STYLES'.

So the question is, How can I define the variable before it's used without getting any warning and errors?

RobrechtVM · Accepted Answer · 2019-05-27 20:37:42Z

1

Edit your tslint.json file and edit the rules part so that it looks like this

"rules": { 
    ...
    "no-use-before-declare": false 
    ...
}

answered May 27, 2019 at 20:37

RobrechtVM

9568 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Well, I want to remove the warning, not just avoid it.

I think this is the only solution I can see for now. Thanks