fix next.js lint

examples/nextjs/.eslintrc.js

@@ -1,3 +1,6 @@
 module.exports = {
 	extends: ["custom/next"],
+	rules: {
+		"@typescript-eslint/explicit-function-return-type": "off",
+	},
 };

examples/nextjs/app/NotSyncedCounter.tsx

@@ -7,7 +7,13 @@ export default function NotSyncedCounter() {
 	return (
 		<div className={styles.card}>
 			<h2>Not Synced Counter:</h2>
-			<button onClick={() => setCount2(_count + 1)}>🖤 {_count}</button>
+			<button
+				onClick={() => {
+					setCount2(_count + 1);
+				}}
+				type="button">
+				🖤 {_count}
+			</button>
 		</div>
 	);
 }

examples/nextjs/app/OpenNewTab.tsx

@@ -1,7 +1,10 @@
 "use client";
 export default function OpenNewTab() {
 	return (
-		<button className="btn btn-outline mt-4" onClick={() => window.open(".", "_blank")}>
+		<button
+			className="btn btn-outline mt-4"
+			onClick={() => window.open(".", "_blank")}
+			type="button">
 			Open in new tab/window
 		</button>
 	);

examples/nextjs/app/SyncedCounter.tsx

@@ -7,7 +7,13 @@ export default function SyncedCounter() {
 	return (
 		<div className={styles.card}>
 			<h2>Synced Counter:</h2>
-			<button onClick={() => setCount(count + 1)}>💖 {count}</button>
+			<button
+				onClick={() => {
+					setCount(count + 1);
+				}}
+				type="button">
+				💖 {count}
+			</button>
 		</div>
 	);
 }