chore: yarn format

Author: janhenrikoverland

src/components/DataDimension/Info/ProgramIndicatorInfo.js

@@ -205,12 +205,13 @@ export const ProgramIndicatorInfo = ({ type, id, displayNameProp }) => {
                     <th>{i18n.t('Aggregation type')}</th>
                     <td>{data?.programIndicator.aggregationType}</td>
                 </tr>
-                {data?.programIndicator && 'decimals' in data.programIndicator && (
-                    <tr>
-                        <th>{i18n.t('Decimals in output')}</th>
-                        <td>{data.programIndicator.decimals}</td>
-                    </tr>
-                )}
+                {data?.programIndicator &&
+                    'decimals' in data.programIndicator && (
+                        <tr>
+                            <th>{i18n.t('Decimals in output')}</th>
+                            <td>{data.programIndicator.decimals}</td>
+                        </tr>
+                    )}
                 {Boolean(data?.programIndicator.legendSets.length) && (
                     <tr>
                         <th>{i18n.t('Legend set(s)')}</th>

src/components/FileMenu/DeleteDialog.js

@@ -23,7 +23,7 @@ const getMutation = (type) => ({
 })
 
 export const DeleteDialog = ({ type, id, onClose, onDelete, onError }) => {
-    const mutation = useMemo(() => getMutation(type), [])
+    const mutation = useMemo(() => getMutation(type), [type])
     const [mutate] = useDataMutation(mutation, {
         variables: { id },
         onError: (error) => {

src/components/TranslationDialog/TranslationModal/TranslationForm.js

@@ -146,7 +146,7 @@ export const TranslationForm = ({
             fetchFieldsTranslations(fieldsToTranslate)
 
         fetchTranslations()
-    }, [fieldsToTranslate])
+    }, [fieldsToTranslate, fetchFieldsTranslations])
 
     useEffect(() => setNewTranslations(translations), [translations])
 

src/components/UserMention/useUserSearchResults.js

@@ -1,6 +1,6 @@
 import { useDataQuery } from '@dhis2/app-runtime'
 import debounce from 'lodash/debounce'
-import { useCallback, useEffect, useState } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 
 const usersQuery = {
     users: {
@@ -21,7 +21,7 @@ export const useUserSearchResults = ({ searchText }) => {
         lazy: true,
     })
 
-    const debouncedRefetch = useCallback(debounce(refetch, 250), [refetch])
+    const debouncedRefetch = useMemo(() => debounce(refetch, 250), [refetch])
 
     useEffect(() => {
         if (searchText.length) {

src/modules/pivotTable/useScrollPosition.js

@@ -1,17 +1,19 @@
 import debounce from 'lodash/debounce'
-import { useState, useCallback, useEffect } from 'react'
+import { useState, useMemo, useEffect } from 'react'
 
 export const useScrollPosition = (containerRef, debounceWait = 10) => {
     const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 })
 
-    const onScroll = useCallback(
-        debounce(() => {
-            const scroll = {
-                x: containerRef.current.scrollLeft,
-                y: containerRef.current.scrollTop,
-            }
-            setScrollPosition(scroll)
-        }, debounceWait)
+    const onScroll = useMemo(
+        () =>
+            debounce(() => {
+                const scroll = {
+                    x: containerRef.current.scrollLeft,
+                    y: containerRef.current.scrollTop,
+                }
+                setScrollPosition(scroll)
+            }, debounceWait),
+        [containerRef, debounceWait]
     )
 
     useEffect(() => {

src/modules/utils.js

@@ -22,6 +22,7 @@ export const useDidUpdateEffect = (fn, inputs) => {
         } else {
             didMountRef.current = true
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, inputs)
 }