[Bug]: ClickableTile double onKeyDown event

[alewitt2]

Package

@carbon/react

Browser

Chrome, Safari, Firefox, Edge

Package version

v11.40.0

React version

16.14.0

Description

when have defined an onKeyDown callback for clickableTile, and you click enter or space, it calls the callback 2 times.

i think its this line that is duplicating the call https://github.com/carbon-design-system/carbon/blob/main/packages/react/src/components/Tile/Tile.tsx#L167

Reproduction/example

https://stackblitz.com/edit/github-ubvput?file=src%2FApp.jsx

Steps to reproduce

• in the Stackblitz, the @carbon/react template is a little broken, so you'll need to comment out the line in _sliders.scss thats preventing the project from running and then re-run the project with yarn dev

• open the dev tools console

• click on the webpage (not on the tile)

• tab focus on the tile

• press Enter or Space (this will bring you to a new webpage, just close the new tab)

• look at the dev tools console and see that the event logged twice.

• Assuming you are still focused on the tile, push any other key and see that it only fires 1 event.

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

IBM Cloud Satellite, Cloud PAL

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems