override internal state when props change

Question

const MySelector = ({defaultOption, options})=>{
const [selectedOption, setSelectedOption] = useState(defaultOption);

const onChange=(e)=>{
   setSelectedOpti