Dynamically update value based on State in React

I have a react class based component where I have defined a state as follows:

class MyReactClass extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
          selectedDataPoints: new Set()
        };
    }
    
    render () {
        return (
            <p>{this.state.selectedDataPoints}</p>
        );
    }
}

Note that initially, the state is an empty set, nothing is displayed.
But when the state gets populated eventually, I am facing trouble in spinning up the variable again. It is always taking as the original state which is an empty set.