Jak wyłączyć tab przycisk w react?

mam taki problem żę nie potrafie w żaden sposób wyłączyć przycisk tab od defaultowego zachowania tj. chciałem aby nie wychodził z focusu ... no wiecie o co chodzi. Muszę uzywać onChange eventa ponieważ piszę edytor kodu.. I teraz się pojawia problem.jakiś pomysł...

mój kod:

const [text, setText] = React.useState<string>('');

const onTextChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
  const textAfterSnipping = checkSnippets(e.target);
  setText(e.target.value);
};
const onKeyDown = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
  e.preventDefault();
};

 return (
  
 <TextArea
    value={text}
    onChange={onTextChange}
  //  onKeyUp={onKeyDown}?
 />
)