Не работает передаваемая функция

import React from "react";
import ReactDOM from "react-dom";
import MyButton from "./MyButton";
import "bootstrap/dist/css/bootstrap.css";
 
/*npm install --save reactstrap react react-dom */
import "./styles.css";
 
class App extends React.Component {
  handleClick() {
    alert("По кнопке кликнули");
  }
  render() {
    return (
      <div>
        <MyButton
          label="Сформировать анкеты"
          MyCLick={() => this.handleClick()}
        />
        <button onClick={() => this.handleClick()}>Сформировать анкеты</button>
      </div>
    );
  }
}
 
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

import React from "react";
import { Button } from "reactstrap";
 
class MyButton extends React.Component {
  render() {
    const { label, MyClick } = this.props;
    return (
      <div>
        <Button color="primary" onClick={MyClick}>
          {label}
        </Button>
      </div>
    );
  }
}
 
export default MyButton;

<MyButton
          label="Сформировать анкеты"
          myCLick={() => this.handleClick()}
        />