you need to add a role props in your a tag to avoid this warning, for example a button <a role = “button” styling=”link” onClick={() => this.gotoLink()}> <SomeComponent /> </a> I guess it is because the HREF props is missing in your anchor tag (not sure)
The eslint –print-config file.js command should be able to list all the rules with their values applied to a specific file. However, it will not show in which plugin the rule was enabled.
As per this Kai Cataldo’s comment on this GitHub issue: ESLint’s indent rule and Prettier’s indentation styles do not match – they’re completely separate implementations and are two different approaches to solving the same problem (“how do we enforce consistent indentation in a project”). Therefore, when using prettier, you’d better disable eslint’s indent rule. It’s … Read more
Sometimes multiple statements can be wrapped in a block with // prettier-ignore in front of it: // prettier-ignore { abcRouter(‘/api/abc’, server); xRouter (‘/api/x’, server); } Of course, that doesn’t make sense for block-level const declarations, but you wrote that was not your actual code and just an example. So that’s a solution that works in … Read more
If you are using VS Code, you can prevent Prettier from running on HTML (or other specific languages) by adding the following to your settings: “prettier.disableLanguages”: [“html”] You can find other VS Code specific options at the prettier/prettier-vscode GitHub page.
According to this Github issue and looking at the doc, it doesn’t seem to be possible to configure it to keep line breaks. You could however set a very short printWidth or put // prettier-ignore comment above your code.
If you want a certain file in a repo to never be formatted by prettier, you can add it to a .prettierignore file: Disable Prettier for one file From the docs: To exclude files from formatting, create a .prettierignore file in the root of your project. .prettierignore uses gitignore syntax. Example: # Ignore artifacts: build … Read more
Edit setting with following in settings.json of VScode “[typescriptreact]”: { “editor.defaultFormatter”: “esbenp.prettier-vscode” },
Don’t know why but setting Default Formatter to ebsenp.prettier didn’t work for me. But I found a similar command that worked. ctrl + shift + p Format document with Configure default formatter Choose prettier
A quick fix is to go to Prettier Extension Settings (ctrl + shift + X) and in Prettier Extension Settings search for “Print Width” set it to 250 or anything that works for you. 1: Go to Extention Settings: 2: Change the value of Print Width to your liking. To disable format code on save. … Read more