How to implement optimistic updates with useOptimistic for a Q&A upvote? | BaseCase

How to implement optimistic updates with useOptimistic for a Q&A upvote? | BaseCase

1"use client";
2import { useOptimistic } from "react";
3
4const QuestionVote = ({ initialVotes }) => {
5  const [optimisticVotes, addOptimisticVote] = useOptimistic(
6    initialVotes,
7    (state, newVote) => state + newVote
8  );
9
10  return (
11    <button onClick={() => addOptimisticVote(1)}>
12      Upvote ({optimisticVotes})
13    </button>
14  );
15};

1"use client";
2import { useOptimistic } from "react";
3
4const QuestionVote = ({ initialVotes }) => {
5  const [optimisticVotes, addOptimisticVote] = useOptimistic(
6    initialVotes,
7    (state, newVote) => state + newVote
8  );
9
10  return (
11    <button onClick={() => addOptimisticVote(1)}>
12      Upvote ({optimisticVotes})
13    </button>
14  );
15};