title: Insert `··` prettier/prettier
body: <p>I have a project that has both prettier and eslint installed. The problem is that when I save a file eslint automatically changes the format of the file and it seems some rules conflict with prettier. What is the solution?</p>
  <p>This is prettier formatting:
  <a href="https://i.stack.imgur.com/kXDa4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kXDa4.png" alt="enter image description here" /></a></p>
  <p>When saved, the file changes to:
  <a href="https://i.stack.imgur.com/Npfpe.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Npfpe.png" alt="enter image description here" /></a></p>
  <p>Also this is eslintrc file</p>
  <pre><code>{
    &quot;parser&quot;: &quot;@typescript-eslint/parser&quot;,
    &quot;extends&quot;: [
      &quot;plugin:react/recommended&quot;,
      &quot;plugin:@typescript-eslint/recommended&quot;,
      &quot;plugin:prettier/recommended&quot;,
      &quot;prettier/@typescript-eslint&quot;
    ],
    &quot;rules&quot;: {
      &quot;@typescript-eslint/explicit-function-return-type&quot;: &quot;off&quot;,
      &quot;@typescript-eslint/no-explicit-any&quot;: &quot;off&quot;,
      &quot;@typescript-eslint/ban-ts-ignore&quot;: &quot;off&quot;,
      &quot;@typescript-eslint/interface-name-prefix&quot;: &quot;off&quot;,
      &quot;@typescript-eslint/no-unused-vars&quot;: [&quot;warn&quot;, { &quot;argsIgnorePattern&quot;: &quot;^_&quot; }]
    },
    &quot;overrides&quot;: [
      {
        &quot;files&quot;: [&quot;**/*.tsx&quot;],
        &quot;rules&quot;: {
          &quot;react/prop-types&quot;: &quot;off&quot;
        }
      }
    ],
    &quot;settings&quot;: {
      &quot;react&quot;: {
        &quot;version&quot;: &quot;detect&quot;
      }
    },
    &quot;ignorePatterns&quot;: [&quot;coverage/&quot;, &quot;node_modules/&quot;, &quot;src/serviceWorker.ts&quot;]
  }
  </code></pre>