fix: selectable tile onChange method gives old value on keyboard sleect (#18859)

* fix: selectable tile onChange method gives old value on keyboard sleect

* fix: added console in storybook for testing

* fix: remove console

Author: preetibansalui

packages/react/src/components/Tile/Tile-test.js

@@ -499,6 +499,17 @@ describe('Tile', () => {
       true,
       'selectable-tile-1'
     );
+    // should de-select when user press enter key on selected tile.
+    tile.focus();
+    await userEvent.keyboard('[Enter]');
+    expect(onChange).toHaveBeenCalled();
+    expect(onChange).toHaveBeenCalledWith(
+      expect.objectContaining({
+        type: 'keydown',
+      }),
+      false,
+      'selectable-tile-1'
+    );
   });
 
   it('should call onKeyDown', async () => {

packages/react/src/components/Tile/Tile.tsx

@@ -515,15 +515,19 @@ export const SelectableTile = React.forwardRef<
     evt?.persist?.();
     if (matches(evt, [keys.Enter, keys.Space])) {
       evt.preventDefault();
-      setIsSelected(!isSelected);
-      onChange(evt, isSelected, id);
+      setIsSelected((prevSelected) => {
+        const newSelected = !prevSelected;
+        onChange(evt, newSelected, id);
+        return newSelected;
+      });
     }
     keyDownHandler(evt);
   }
 
   function handleChange(event) {
-    setIsSelected(event.target.checked);
-    onChange(event, isSelected, id);
+    const newSelected = event.target.checked;
+    setIsSelected(newSelected);
+    onChange(event, newSelected, id);
   }
 
   if (selected !== prevSelected) {