Tengo una aplicación React en funcionamiento y estoy tratando de integrar un botón WalletConnect en mi sitio. Estoy siguiendo https://docs.walletconnect.com/quick-start/dapps/react-native pero me encontré con este error al ejecutar 'npm start'

 SyntaxError: C:\...\frontend\node_modules\react-native-qrcode-svg\src\index.js: Support for the experimental syntax 'jsx' isn't currently enabled (29:5): 27 | 28 | return ( > 29 | <G x={logoPosition} y={logoPosition}> | ^ 30 | <Defs> 31 | <ClipPath id='clip-logo-background'> 32 | <Rect Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformation. If you want to leave it as-is, add @babel/plugin-syntax-jsx (https://git.io/vb4yA) to the 'plugins' section to enable parsing.

Probé todos los enlaces de Google que pude encontrar y ninguna sugerencia resolvió este problema. Tenía esperanzas en este tutorial https://badcodernocookie.com/support-for-the-experimental-syntax-jsx-isnt-currently-enabled/#:~:text=The%20React%20error%20%E2%80% 9CSoporte%20para,babel%2Fpreset%2Denv%E2%80%9D pero sin suerte.

No entiendo completamente cuál es el problema o cómo debo solucionarlo.