[core] Remove usage of deprecated .keyCode (#22569)

Author: oliviertassinari

docs/src/modules/components/AppSearch.js

@@ -123,12 +123,8 @@ export default function AppSearch() {
 
   React.useEffect(() => {
     const handleKeyDown = (nativeEvent) => {
-      // Use nativeEvent.keyCode to support IE 11
       if (
-        [
-          191, // '/'
-          83, // 's'
-        ].indexOf(nativeEvent.keyCode) !== -1 &&
+        ['/', 's'].indexOf(nativeEvent.key) !== -1 &&
         document.activeElement.nodeName === 'BODY' &&
         document.activeElement !== inputRef.current
       ) {

packages/material-ui/src/Unstable_TrapFocus/Unstable_TrapFocus.js

@@ -151,8 +151,7 @@ function Unstable_TrapFocus(props) {
     };
 
     const loopFocus = (nativeEvent) => {
-      // 9 = Tab
-      if (disableEnforceFocus || !isEnabled() || nativeEvent.keyCode !== 9) {
+      if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== 'Tab') {
         return;
       }
 

packages/material-ui/src/Unstable_TrapFocus/Unstable_TrapFocus.test.js

@@ -106,17 +106,17 @@ describe('<TrapFocus />', () => {
     );
 
     fireEvent.keyDown(screen.getByTestId('modal'), {
-      keyCode: 13, // Enter
+      key: 'Enter',
     });
     fireEvent.keyDown(screen.getByTestId('modal'), {
-      keyCode: 9, // Tab
+      key: 'Tab',
     });
 
     expect(document.querySelector('[data-test="sentinelStart"]')).toHaveFocus();
 
     initialFocus.focus();
     fireEvent.keyDown(screen.getByTestId('modal'), {
-      keyCode: 9, // Tab
+      key: 'Tab',
       shiftKey: true,
     });