Disable auto {} insertion for React props in PyCharm

Question

When I type props into my React component in PyCharm, it automatically inserts a pair of curly braces. Like so (cursor position is |):

<MyComp className=|

Becomes:

<MyComp className={|}

I've searched through the settings but didn't find a related setting to disable it. Does it exist?

Answer 1

You can disable braces auto-inserting by turning off "Add quotes for attribute value on typing '=' and attribute completion" in Settings -> Editor -> General -> Smart Keys

But this will disable quotes auto-inserting for HTML to.