How to show html entity using React?

Another option is to use fromCharCode method:

const formatArea = (val) => {
    return val + ' ft' + String.fromCharCode(179);
}

New way using React's fragments:

<>&sup3;</>

In your case it can be:

const formatArea = function(val){
    return <>{val + ' '}&sup3;</>
}

Found this way using JSX:

const formatArea = (val) => {
    return (<span>{val}&nbsp;ft<sup>3</sup></span>);
}

Related