frontend: Format and lint

frontend/src/components/Map/index.js

@@ -60,6 +60,7 @@ export function Layer({layerClass, getDefaultOptions, children, ...props}) {
         ...(getDefaultOptions ? getDefaultOptions() : {}),
         ...props,
       }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   )
 
@@ -111,6 +112,7 @@ function View({...options}) {
       new OlView({
         ...options,
       }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   )
 

frontend/src/pages/TrackPage/index.tsx

@@ -18,7 +18,7 @@ import TrackMap from './TrackMap'
 
 function useTriggerSubject() {
   const subject$ = React.useMemo(() => new Subject(), [])
-  const trigger = React.useCallback(() => subject$.next(null), [])
+  const trigger = React.useCallback(() => subject$.next(null), [subject$])
   return [trigger, subject$]
 }
 
@@ -68,12 +68,12 @@ const TrackPage = connect((state) => ({login: state.login}))(function TrackPage(
       body: {comment: {body}},
     })
     reloadComments()
-  }, [])
+  }, [slug, reloadComments])
 
   const onDeleteComment = React.useCallback(async (id) => {
     await api.delete(`/tracks/${slug}/comments/${id}`)
     reloadComments()
-  }, [])
+  }, [slug, reloadComments])
 
   const isAuthor = login?.username === data?.track?.author?.username
 

frontend/src/pages/UploadPage.tsx

@@ -51,7 +51,8 @@ function FileUploadStatus({
 }) {
   const [progress, setProgress] = React.useState(0)
 
-  React.useEffect(() => {
+  React.useEffect(
+    () => {
       const formData = new FormData()
       formData.append('body', file)
 
@@ -77,7 +78,10 @@ function FileUploadStatus({
       })
 
       return () => xhr.abort()
-  }, [file])
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [file]
+  )
 
   return (
     <span>
@@ -107,9 +111,13 @@ export default function UploadPage() {
     [setFiles]
   )
 
-  React.useLayoutEffect(() => {
+  React.useLayoutEffect(
+    () => {
       setLabelRefState(labelRef.current)
-  }, [labelRef.current])
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [labelRef.current]
+  )
 
   function onSelectFiles(fileList) {
     const newFiles = Array.from(fileList).map((file) => ({