Функция componentDidUpdate не вызывается

Question

Я создал компонент React для рендеринга другого компонента внутри. Когда я изменяю элемент select в родительском компоненте, функция componentDidUpdate не вызывается в дочернем компоненте

component1:

let ExtraParam = [];

const handleChange = (e) => {
    ExtraParam[e.target.name] = e.target.value;
}
            
const Flights = () => {
    return (
        <div>
            <div className="row">
                <div className='col-6 col-md-3 mt-5'>
                    <select onChange={handleChange} name="age" className="browser-default custom-select">
                        <option>Choose your option</option>
                        <option value="1">Option 1</option>
                        <option value="2">Option 2</option>
                    </select>
                </div>
            </div>
        <Datatable Api='/api/Flights' Columns={columns} extraParam {ExtraParam} />
        </div>
    )
}

компонент2:

componentDidUpdate(prevProps) {
    if (this.props.extraParam !== prevProps.extraParam)
    {
        console.log('changed');
    }
}