<>
    <div onClick={() => {}} onKeyUp={handleKeyUp} />
    <div onClick={() => {}} onKeyDown={handleKeyDown} />
    <div onClick={() => {}} onKeyPress={handleKeyPress} />
    <div onClick={() => {}} {...spread} />
    <div onClick={() => {}} {...spread} >foo</div>
    <MyComponent onClick={() => {}} />
    <MyComponent onClick={() => {}} {...spread} />
    <MyComponent onClick={() => {}} {...spread} >foo</MyComponent>
    <div  {...spread} onClick={() => {}} />
    <div  {...spread} onClick={() => {}}>foo</div>
</>