nextjs - 💡(How to fix) Fix The onClick event does not work on iOS 15 in versions later than 16.1.6 [1 participants]

Link to the code that reproduces this issue

https://github.com/giulianoconti/onClick-no-work

To Reproduce

Live demo (broken on iOS 15): https://on-click-no-work.vercel.app/

1. Open https://on-click-no-work.vercel.app/ on iOS 15.8 Safari
2. Tap "Increment"
3. Counter does not change

Or clone locally: git clone https://github.com/giulianoconti/onClick-no-work cd onClick-no-work pnpm install pnpm dev

Relevant code (app/page.tsx):

"use client";

import { useState } from "react";

export default function Home() {
    const [count, setCount] = useState(0);

    return (
      <div>
        <h1>Count: {count}</h1>
        <button onClick={() => setCount(count + 1)}>Increment</button>
      </div>
    );
}

Current vs. Expected behavior

Expected: tapping "Increment" on iOS 15 increments counter. Observed: tap does nothing. No console errors. Works on iOS 16+, Chrome/Firefox desktop, and Safari desktop.

Provide environment information

Operating System:
    Platform: darwin
    Arch: arm64
    Version: Darwin Kernel Version 25.4.0
  Binaries:
    Node: 24.14.1
    npm: 11.11.0
    pnpm: 9.15.0
  Relevant Packages:
    next: 16.2.6
    react: 19.2.4
    react-dom: 19.2.4
    typescript: 5.9.3
  Next.js Config:
    output: N/A

Which area(s) are affected? (Select all that apply)

React, Runtime

Which stage(s) are affected? (Select all that apply)

Vercel (Deployed), next dev (local)

Additional context

Deployed on Vercel — same broken behavior as local. Issue is iOS 15-specific (webkit on older Safari).