I am trying to start a typescript project but i’m getting a bunch of errors relating to "Line 92:27: Must use destructuring theme assignment react/destructuring-assignment". I have about 10 of these errors. The error specifically for above is relating to the code for line 92 is: <StyledClose color={theme.colors.textSubtle} onClick={removeThisPopup} /> This is apart of this… Read More Must use destructuring theme assignment react/destructuring-assignment

Problem: I’m trying to write a simple function with a guard-clause in addition to returning a value with type: number, but ESLint is telling me "void is only valid as a return type or generic type variable" P.S: I don’t know why ESLint is throwing me this, if I use void as a return type… Read More How to use void and number type in functions with guard-clauses

I’m having trouble understanding why the @typescript-eslint/no-floating-promises works with some, but not all my async functions. In my understanding, the following 2 functions are equivalent const getUser = async (userId: string): Promise<User> => { const userRef = await getUsersCollection().doc(userId).get() return userRef.data() } async function getUser2(userId: string) { const userRef = await getUsersCollection().doc(userId).get() return userRef.data() }… Read More @typescript-eslint/no-floating-promises with const function declaration

i have a two column mega menu and i want when user hover a category, that category items to be displayed dynamic on second column . i’m using typescript, the problem is when i wanna update the megaMenu state i get a red underline saying Property ‘innerText’ does not exist on type ‘EventTarget’. why is… Read More Property 'innerText' does not exist on type 'EventTarget' –TypeScript

I want to combine snake_case and PascalCase naming conventions. So, declaring a class its name must match the following format strictly: Pascal_Snake, Pascal_Snake_Pascal_Etc, OnlyPascal, Pascal. That’s what I’m trying to do in my esling.config: ‘@typescript-eslint/naming-convention’: [ { selector: ‘class’, format: null, custom: { "regex": "([A-Z]\\w*_?[A-Z]\\w+)|([A-Z]\\w*[A-Z]?\\w+)", "match": true, }, }, ] Unfortunately, this regex is not… Read More Eslint combining naming conventions

I’m having below arrow function in my angular project: this.httpClient.get(‘url’).subscribe((response)=>{ }); In the above code ESLint should throw an error for not specifying return type. >Solution : Check the rule @typescript-eslint/explicit-function-return-type. You need to set the option allowTypedFunctionExpressions to false. If you are using .eslintrc: "@typescript-eslint/explicit-function-return-type": [ "error", { "allowTypedFunctionExpressions": false } ]