From 16aad0eecbabaf4304532af3870243897c88a727 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Wed, 20 Jul 2022 12:54:59 +0200
Subject: [PATCH] Fix nasty re-rendering bug

---
 components/events/actions/edit.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/events/actions/edit.tsx b/components/events/actions/edit.tsx
index 1b775f2..d4f7e49 100644
--- a/components/events/actions/edit.tsx
+++ b/components/events/actions/edit.tsx
@@ -1,5 +1,5 @@
 import { Event } from "@prisma/client"
-import { useMemo } from "react"
+import { useCallback, useMemo } from "react"
 import { KeyedMutator } from "swr"
 import { ViewContent } from "../../generic/views/content"
 
@@ -22,7 +22,7 @@ export const EventsActionEdit = ({ data, mutate }: EventsActionViewProps) => {
                         <input
                             type="text"
                             value={name}
-                            onChange={e => mutate({ ...data, name: e.target.value }, { revalidate: false })}
+                            onChange={e => mutate((prev) => ({ ...prev!, name: e.target.value }), { revalidate: false })}
                         />
                     ),
                     [mutate, name]
@@ -34,7 +34,7 @@ export const EventsActionEdit = ({ data, mutate }: EventsActionViewProps) => {
                         <textarea
                             rows={12}
                             value={description}
-                            onChange={e => mutate({ ...data, description: e.target.value }, { revalidate: false })}
+                            onChange={e => mutate((prev) => ({ ...prev!, description: e.target.value }), { revalidate: false })}
                         />
                     ),
                     [mutate, description]