change all React.FormEvent to React.ChangeEvent

Author: dcastil

packages/editor/src/Theme/FontSizes.tsx

@@ -7,9 +7,10 @@ const FontSizes = () => {
   const context = useThemeUI() as EditorContextValue
   const { fontSizes = [] } = context.theme
 
-  const onChange = (key: string) => (e: React.FormEvent<HTMLInputElement>) => {
-    // TODO: I needed to swap target to currentTarget because TypeScript complains about "Property 'value' does not exist on type 'EventTarget'.ts(2339)". Should I change it back or leave as is?
-    const n = parseFloat(e.currentTarget.value)
+  const onChange = (key: string) => (
+    e: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    const n = parseFloat(e.target.value)
     if (Array.isArray(fontSizes)) {
       const i = parseInt(key)
       context.setTheme({

packages/editor/src/Theme/LineHeights.tsx

@@ -7,9 +7,10 @@ export default () => {
   const context = useThemeUI() as EditorContextValue
   const { lineHeights = {} } = context.theme
 
-  const onChange = (key: string) => (e: React.FormEvent<HTMLInputElement>) => {
-    // TODO: I needed to swap target to currentTarget because TypeScript complains about "Property 'value' does not exist on type 'EventTarget'.ts(2339)". Should I change it back or leave as is?
-    const n = parseFloat(e.currentTarget.value)
+  const onChange = (key: string) => (
+    e: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    const n = parseFloat(e.target.value)
     context.setTheme({
       lineHeights: {
         [key]: n,

packages/editor/src/Theme/Space.tsx

@@ -9,9 +9,10 @@ const Space = () => {
   const context = useThemeUI() as EditorContextValue
   const { space = defaultSpace } = context.theme
 
-  const onChange = (key: string) => (e: React.FormEvent<HTMLInputElement>) => {
-    // TODO: I needed to swap target to currentTarget because TypeScript complains about "Property 'value' does not exist on type 'EventTarget'.ts(2339)". Should I change it back or leave as is?
-    const n = parseFloat(e.currentTarget.value)
+  const onChange = (key: string) => (
+    e: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    const n = parseFloat(e.target.value)
     if (Array.isArray(space)) {
       const i = parseInt(key)
       context.setTheme({