&nbsp jsx not working

See: JSX In Depth

Try:
Select Scenario:{'\u00A0'}

Or:
<div dangerouslySetInnerHTML={{__html: 'Select Scenario: &nbsp;'}} />

Or:
<div>&nbsp;</div>

jsfiddle

Update

After seeing some of the comments, and trying it out. It has come to my attention that using html entites inside JSX works fine (unlike what is stated in the above jsx-gotchas reference [maybe it’s outdated]).

So using something like: R&D, would output: ‘R&D’.
There is a weird behavior with  , which causes it to render differently, thus causing me to think it doesn’t work:

<div>This works simply:-&nbsp;-</div>
<div>This works simply:- {'\u00A0'}-</div>

Produces:

This works simply:- -
This works simply:-  -