diff --git a/src/scripts/options/subscription-section.tsx b/src/scripts/options/subscription-section.tsx
index df519f8de..8697d0219 100644
--- a/src/scripts/options/subscription-section.tsx
+++ b/src/scripts/options/subscription-section.tsx
@@ -168,12 +168,12 @@ const AddSubscriptionDialog: React.FC<
               id="subscriptionName"
               required={true}
               value={state.name}
-              onChange={(e) =>
+              onChange={(e) => {
+                const name = e.currentTarget.value;
                 setState((s) => {
-                  const name = e.currentTarget.value;
                   return { ...s, name };
-                })
-              }
+                });
+              }}
             />
           </RowItem>
         </Row>