Функция реквизита действительна для одного компонента, но не для другого компонента того же класса

Question

Я пытаюсь визуализировать 2 разных компонента одного и того же класса. Переданная функция props handleClick не отображается в компоненте. Этот вывод был сделан на основе обращения к исходному коду html.

---

1-й компонент успешно отрисован

2-й компонент отрисован, но неправильно

---

class Switch extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        let type = this.props.type;
        console.log("type:", type);
        return (
            <div id={ type.concat("-switch") }>
                <label className="switch">
                    <input type="checkbox" id={ type } name={ type } value={ type } onClick={ this.props.handleClick }/>
                    <span className="slider round"></span>
                </label>
            </div>
        );
    }
}

---

Любая помощь будет принята с благодарностью.

---