How do we customize emmet tab expansion in jsx files to use single quotes instead of double quotes?

Currently, when typing .test and hitting tab, the result is <div className="test"></div>

How can this behavior be changed to make it so that the result is

<div className='test'></div>

I've looked at the settings and modified the attribute in 'other' settings for javascript codestyle but it doesn't affect emmet expansion in.jsx files or js files.

What else can I do?

PS. This should also be customizable for html files