Как переключить radio React?

не могу понять как сделать переключение между кнопками радио, что не так?

import React from 'react'
import PropTypes from "prop-types"

const state =  {    
      selectedOption: 'М'    
}

function handleOptionChange() {
    if(state.selectedOption === "М"){
        state.selectedOption = "Ж"
    }else{
        state.selectedOption = "М";
    }
        
}

function SecondWindow(props){    
    return(
        <div className = "window">
            {   <>  
                    <input type="text"></input> 
                    <select>
                        <option>Старший разработчик</option>
                        <option>Младший разработчик</option>
                        <option>Эйчар</option>
                        <option>Уборщик</option>
                    </select>                   
                    <input type="date"></input>
                    <div className="radio">
                        <label>
                            <input type="radio" value="option1" name="gender"
                                checked={state.selectedOption === "Ж"}
                                onChange={handleOptionChange}/>
                            М
                        </label>
                        <label>
                            <input type="radio" value="option2" name="gender"
                                checked={state.selectedOption === "М"}
                                onChange={handleOptionChange}/>
                            Ж
                        </label>
                    </div>
                    <input type = "checkbox"></input>
                   
                </>
            }
            
        </div>
    )
        
}

SecondWindow.propTypes = {
    data: PropTypes.arrayOf(PropTypes.object).isRequired
}

export default SecondWindow;