Reactjs WebpackReact-支持实验语法'；jsx&x27；isn'；t当前已启用

我检查了所有其他问题，似乎没有一个答案对我有用

尝试编译时出现此错误：

  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.

我还添加了babel.confis.json，但没有任何帮助，在我的

package.json

中添加了一个带有正确插件/预设的babel部分，但仍然没有更改

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>
    );
}

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