можно ли переопределить onClick в другом компоненте

export const App = () => {
  let MyX = <button onClick={() => {console.log(`object`)}}>dasfsadsdf</button>
  return (
      <>
      {MyX}
        <Test button={MyX}/>
      </>
  );
}

export const Test = ({button}) => {
// button.props.onClick == null
console.log(button.props.onClick);
return (
    <>dasgsdg</>
)
}