Fixed #1

examples/courseBook.ts

@@ -21,7 +21,7 @@ const Course = {
     },
     {
       title: 'Is Active',
-      name: "courseActive",
+      name: 'courseActive',
       description: 'Whether this course has scheduled items remaining this quarter.',
       type: 'boolean',
       inputComponent: ComputedField,
@@ -36,7 +36,7 @@ const Course = {
     },
     {
       title: 'Description',
-      name: "description",
+      name: 'description',
       description: 'Generated by what instructors are teaching this class on the schedule.',
       type: 'text',
       inputComponent: ComputedField,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-computed-field",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A Field based on other fields. Memoization in your sanity model",
   "main": "lib/ComputedField.js",
   "scripts": {

src/ComputedField.tsx

@@ -63,22 +63,23 @@ const validateConfiguration = (options: SanityType['options']) => {
 }
 
 const ComputedField: React.FC<SanityProps> = React.forwardRef(
-  (props, forwardedRef: React.ForwardedRef<HTMLInputElement>) => {
+  (props: SanityProps, forwardedRef: React.ForwardedRef<HTMLInputElement>) => {
     const {type, level, onFocus, value, markers} = props
     const document = props.document
     const errors = React.useMemo(() => markers.filter(isValidationErrorMarker), [markers])
     const [loading, setLoading] = React.useState(false)
     const {_id, _type}: SanityDocument = document
     const options = props.type.options
     validateConfiguration(options)
-    const reducer = React.useCallback((queryResult) => options.reduceQueryResult(queryResult), [
-      options.reduceQueryResult,
-    ])
+    const reducer = React.useCallback(
+      (queryResult: {[s: string]: unknown}) => options.reduceQueryResult(queryResult),
+      [options.reduceQueryResult]
+    )
     const handleChange = React.useCallback(
-      (val) => {
+      (val: any) => {
         let validated = val
         if (type.name === 'number') {
-          validated = parseInt(val, 10)
+          validated = parseFloat(val)
           if (validated === NaN) {
             validated = undefined
           }
@@ -87,7 +88,10 @@ const ComputedField: React.FC<SanityProps> = React.forwardRef(
       },
       [props.onChange, type.name]
     )
-    const onChange = React.useCallback((e) => handleChange(e.target.value), [handleChange])
+    const onChange = React.useCallback(
+      (e: React.ChangeEvent<HTMLInputElement>) => handleChange(e.target.value),
+      [handleChange]
+    )
     const generate = React.useCallback(() => {
       const query = `*[_type == '${_type}' && _id == '${_id}' || _id == '${_id.replace(
         'drafts.',