Prettier single quote setting not respected in .tsx files (VS Code)

This was an odd one, but luckily fairly straightforward to fix. It is one of those problems I’ve fixed multiple times but never wrote down the solution for next time I run into it.

Problem

I am trying to using single quotes setting in Prettier, however, the formatted keeps double quotes. What the heck is going on?!

I have created the .prettierrc file with this single setting:

{
  "singleQuote": true
}