This is just a starting point, and I'm happy to help you brainstorm further or provide more details on any aspect of the story. What do you think?
export const WatchlistButton = ( movieId : movieId: string ) => const [add, loading ] = useMutation(ADD_TO_WATCHLIST, variables: movieId , optimisticResponse: addToWatchlist: __typename: 'AddToWatchlistPayload', success: true, watchlist: [ __typename: 'WatchlistItem', id: movieId, title: '', addedAt: new Date().toISOString() ], , , onCompleted: () => toast.success('Added to Watchlist!'), onError: () => toast.error('Could not add. Try again.'), ); movierulzhd.taxi