fix error: navigation after dragging and dropping (server-client mismatch) ✍️ - Githubissues

sheleoni / icecream-kana-game

A game for learning Japanese characters in the form of collecting ice-cream scoops. 🍦

https://icecream.sheleoni.com/

1 stars 0 forks source link

fix error: navigation after dragging and dropping (server-client mismatch) ✍️ #88

Closed sheleoni closed 10 months ago

sheleoni commented 10 months ago

Issue

we get an error after mutating the list of iceCream scoops in /collection and then navigating to another route (e.g. /play)

CleanShot 2023-12-27 at 21 50 15

Possible causes

I'm guessing it's because the mutated list of iceCream scoops in /collection scoop no-longer matches the list of iceCream rendered in the server.

Possible solutions

on dragging to area, send a POST request to remove the ice-cream from the database so we don't end up with a server-client mismatch. concern is maybe it will be too expensive to fire a network request on each drag action? also we have to disable page navigation on isSubmitting state (while the POST request is still being handled)

sheleoni commented 10 months ago

for some reason https://github.com/sheleoni/icecream-kana-game/pull/89 seems to solve it. maybe an HTML DOM violation. changing the HTML tag seemed to solve this problem.