import error in next js

[ali9821]

Summary

I created the connector with web3-react and getting this error when try to import :
SyntaxError: Cannot use import statement outside a module

Example

No response

Steps to Reproduce

import { MetaMask } from "@web3-react/metamask";
import { Phantom } from "web3-react-phantom";
import type { CoinbaseWallet } from "@web3-react/coinbase-wallet";
import { Web3ReactHooks, Web3ReactProvider } from "@web3-react/core";
import { hooks as metaMaskHooks, metaMask } from "./connectors/metaMask";
import { hooks as coinBaseHooks, coinbaseWallet } from "./connectors/coinBase";
import { hooks as phantomHooks, phantom } from "./connectors/phantom";

const connectors: [MetaMask | CoinbaseWallet | Phantom, Web3ReactHooks][] = [
[metaMask, metaMaskHooks],
[coinbaseWallet, coinBaseHooks],
[phantom,phantomHooks]
];

export default function WalletsProvider({
children,
}: {
children: JSX.Element | JSX.Element[];
}) {
return (
{children}
);
}

Phantom Version

1.0.4

Is there an existing discussion for this?

• I have searched the existing discussions

[bfriel]

Hi @ali9821, this looks like an import issue between your app and a third-party package. Can you please try the solutions mentioned in this post?