Template frontend breaks on every hot refresh with Terra Station Extension

[AlmostEfficient]

As per the title, the template React app generated by terrain new crashes every time a change triggers a hot reload. Fixing requires a manual refresh each time.

Here's the error:

Impact
Have to manually refresh app after every change.

Steps to replicate

1. Run terrain new app
2. cd app and then npm i
3. npm start
4. Make a change that triggers hot reload (type a space, add a console log, etc.)
5. App crashes and needs to be manually reloaded

Environment
@terra-money/terrain/0.2.0 darwin-arm64 node-v16.14.2
Terra Station Wallet extenstion version 2.8.2
"@terra-dev/use-wallet": "^2.5.2",
"@terra-money/terra.js": "^3.0.11",
"@terra-money/wallet-provider": "^3.8.1",
Node v16.14.2
Npm v8.5.0
MacOS 12.3.1
Google Chrome Version 100.0.4896.127 (Official Build) (arm64)

[AlmostEfficient]

I've found that the cause of the issue is (expectedly) wallet-provider. All you need is this and hot reloads stop working:

import { getChainOptions, WalletProvider } from '@terra-money/wallet-provider';

[emidev98]

Cool, we'll perform some testing and find a way to fix it! Thanks for the additional info

[icetrust0212]

I have the same issue.