Can't import the named export 'BaseMessageSignerWalletAdapter' from non EcmaScript module (only default export is available)

[sparkydasrath]

Used create-react-app and did the general installs to work with PhantomWallet.
When I run npm run build I ended up with:
./node_modules/@solana/wallet-adapter-phantom/lib/esm/adapter.mjs Can't import the named export 'BaseMessageSignerWalletAdapter' from non EcmaScript module (only default export is available)

My package.json is

"dependencies": {
    "@solana/wallet-adapter-base": "^0.9.2",
    "@solana/wallet-adapter-react": "^0.15.2",
    "@solana/wallet-adapter-react-ui": "^0.9.4",
    "@solana/wallet-adapter-wallets": "^0.14.2",
    "@testing-library/jest-dom": "^5.16.1",
    "@testing-library/react": "^12.1.2",
    "@testing-library/user-event": "^13.5.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "web-vitals": "^2.1.3"
  },

I am seeing that #265 is a similar-ish issue as well?

[sparkydasrath]

I deleted the node_modules folder and re-ran
yarn add @solana/wallet-adapter-base \ @solana/wallet-adapter-react \ @solana/wallet-adapter-react-ui \ @solana/wallet-adapter-wallets \ @solana/web3.js \ react from https://solana-labs.github.io/wallet-adapter/
and that seems to sort it out