How to remove the iOS accessory bar on mobile?

On a React App, I'd like to remove the accessory bar that appears above the iOS keyboard when we are focusing on a textarea. Is it possible ? I tried a few things saw on the internet but nothing works for now.

I attached a screenshot of the element I want to remove.

Here is examples of what I've tried for now:

useEffect(() => { if (/iPad|iPhone|iPod/.test(navigator.userAgent)) { document.body.addEventListener('focusin', (e) => { if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) { e.target.disableAccessoryBar?.(true); } }); } }, []);

root layout

import { Keyboard } from '@capacitor/keyboard'; if ('Capacitor' in window) { Keyboard.setAccessoryBarVisible({ isVisible: false }); }