search

ton-connect / sdk

SDK for TON Connect 2.0 — a comprehensive communication protocol between wallets and apps in TON ecosystem
Apache License 2.0
326 stars 92 forks source link

[UI-REACT]: TonConnectUIProvider cause hydration warnings in Next.js dev server #271

Open baadev opened 1 month ago

baadev commented 1 month ago

Describe the bug

Adding TonConnectUIProvider in Next.js app within dev build causes Warning: Extra attributes from the server: ontouchstart,style.

Expected behavior

Adding TonConnectUIProvider should not cause any hydration warnings

Current behavior

Adding TonConnectUIProvider causes hydration warnings image

Steps to Reproduce

  1. add TonConnectUIProvider to your Next.js project within body tag as separate client component
  2. run dev server: npm run dev
  3. check the console of your browser

Environment

MacOS 15.0 (24A335)

Safari Version 18.0 (20619.1.26.31.6) or Chrome Version 129.0.6668.59 (Official Build) (arm64)

"@tonconnect/ui-react": "^2.0.9", "next": "14.2.15", "react": "^18", "react-dom": "^18"

Additional context

This issue is not visible for production build.