Comments (3)
After a bit of trial and error, this issue seems to be directly related to the NextJs version. TonConnect works just fine on NextJs < 13. Version 13 introduced a new bundler and I think it's the reason of the issue above.
While not being a direct TonConnect issue, I think it's still important to resolve it as every latest version of NextJs docs is referencing the version 13.
from sdk.
I faced with the similar problem. The solution was to update or rollback the NextJS version:
✅ NextJS 12.х.х
-- works
❌ NextJS 13.0.х
-- doesn't work
✅ NextJS 13.1.1
-- works
from sdk.
Note: the same exact issue happens even when using the @tonconnect/ui package in the same environment. Mounting it inside useEffect
is enough to trigger the issue.
from sdk.
Related Issues (20)
- [SDK]: EventStream issue
- [UI]: <= @2.0.5 - Issue with handling Ton Connect QR codes HOT 1
- [UI]: Modal is showing up behind other modal HOT 3
- Wal
- [UI-REACT]: Elements are no longer focusable after connecting Telegram Wallet on Android HOT 2
- [UI-REACT]: allow user access to provider returned details on sendTransaction
- the response of tonconnectUI.sendTransaction()? HOT 4
- [UI-REACT]: Telegram Wallet freeze on loading when moving from Web App HOT 4
- [UI]: Wallets Order HOT 2
- SDK: Adding support for Metamask Snap in Ton-Connect SDK
- UI-REACT: Confirm transaction modal auto closing in Tonkeeper browser HOT 2
- UI-REACT: Can't restore connection after calling tonConnectUI.disconnect() method
- Error: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function HOT 3
- [UI]: How to catch the `TON_CONNECT_SDK_ERROR` error? HOT 5
- [UI-REACT]: Decryption error HOT 17
- [<SDK or UI or UI-REACT or PROTOCOL>]: <brief description of your question>
- Connect from wallet address
- [SDK]: SignData Feature
- [<SDK or UI or UI-REACT or PROTOCOL>]: <brief description> HOT 1
- UI-React : error with TonConnectButton HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from sdk.