When formatting JSX single quotes option is ignored.

[gustavnikolaj]

I am evaluating the tool on an existing code base. By coincidence, prettier matches the existing style except that it prefers single quotes and uses 4 spaces. So I changed those options in the editor plugin.

With settings Single Quotes enabled and Tab Width set to 4, the following code is changed from:

function SomeComponent() {
    return <div className='foo'>Hello World</div>
}

Into:

function SomeComponent() {
    return <div className="foo">Hello World</div>
}

 function SomeComponent() {
-    return <div className='foo'>Hello World</div>
+    return <div className="foo">Hello World</div>;
 }

[gustavnikolaj]

Turns out this is by design prettier/prettier#126