shortcut.tsx

const KeyDown = () => {
  useEffect(() => {
    window.addEventListener('keydown', handleKeydown);
    return () => removeEventListener('keydown', handleKeydown)
  }, []);
  
  const doSomething1 = () => {
    console.log('doSomething1');
  } 
  
  const doSomething2 = () => {
    console.log('doSomething2');
  }  

  const handleKeydown = (e: any) => {
    console.log('keydown', e.key);
    handleKey(e.key);
    if(e.key === 'Enter') doSomething1();
    else if(e.key === 'Shift') doSomething2();
    //One of your functions is executed depending on which key user enters. 
    
  }
return(
    <div>What Key is Entered?</div>
)
    
export default KeyDown