WebPack Реагирует — Поддержка экспериментального синтаксиса » jsx » в настоящее время не включена

#reactjs #react-native #jsx

Вопрос:

Я проверил все остальные вопросы, и, похоже, ни один из них не дает ответа, который сработал бы для меня.

Получение этой ошибки при попытке компиляции:

 
  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.
 

Это код, который вызывает это:

 import * as React from "react";
import WalletConnectProvider from "@walletconnect/react-native-dapp";
import AsyncStorage from "@react-native-async-storage/async-storage";

export default function WalletConnector() {
    return (
        <WalletConnectProvider
            bridge="https://bridge.walletconnect.org"
            clientMeta={{
                description: "Connect with WalletConnect",
                url: "https://walletconnect.org",
                icons: ["https://walletconnect.org/walletconnect-logo.png"],
                name: "WalletConnect",
            }}
            redirectUrl={window.location.origin}
            storageOptions={{
                asyncStorage: AsyncStorage as any,
            }}
        >
            <>{/* awesome app here */}</>
        </WalletConnectProvider>
    );
}
 

Это пакет, вызывающий его: «@walletconnect/react-native-dapp»: «^1.4.1»

Я добавил .babelrc следующее, и проблема сохраняется.

     "presets": ["@babel/preset-env", "@babel/preset-react"]
}
 

Я также добавил babel.confis.json, который не помог, и добавил раздел babel в свой package.json с соответствующими плагинами/предустановками, но по-прежнему без изменений.