fix lint

jestSetup.js

@@ -1,7 +1,4 @@
 import mockRNDeviceInfo from 'react-native-device-info/jest/react-native-device-info-mock'
-import { setUpTests } from './node_modules/react-native-reanimated/src/reanimated2/jestUtils'
-
-setUpTests()
 
 global.window = {}
 global.window = global

src/components/Button.tsx

@@ -77,7 +77,7 @@ const Button = ({
   }
 
   return (
-    <Box style={{ opacity: disabled ? 0.2 : 1 }} {...rest} height={height}>
+    <Box opacity={disabled ? 0.2 : 1} {...rest} height={height}>
       <TouchableOpacityBox
         height={height}
         backgroundColor={getBackground()}

src/components/WordList.tsx

@@ -13,7 +13,6 @@ const WordList = ({ words, onPressWord }: Props) => {
       duration: 300,
       useNativeDriver: true,
     }).start()
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [words])
 
   return (

src/features/hotspots/setup/HotspotLocationPreview.tsx

@@ -9,7 +9,7 @@ import React, {
 import MapboxGL from '@rnmapbox/maps'
 import Config from 'react-native-config'
 import LocationIcon from '@assets/images/location-icon.svg'
-import { StyleSheet } from 'react-native'
+import { StyleProp, StyleSheet, ViewStyle } from 'react-native'
 import Box from '../../../components/Box'
 import Text from '../../../components/Text'
 import ActivityIndicator from '../../../components/ActivityIndicator'
@@ -87,11 +87,16 @@ const HotspotLocationPreview = ({
     [geocode, hasLocationName, locationName],
   )
 
+  const mapStyles: StyleProp<ViewStyle> = useMemo(
+    () => ({ height: hasLocationName ? '75%' : '100%' }),
+    [hasLocationName],
+  )
+
   return (
     <Box borderRadius="l" overflow="hidden" height="100%">
       <MapboxGL.MapView
         ref={map}
-        style={{ height: hasLocationName ? '75%' : '100%' }}
+        style={mapStyles}
         styleURL={Config.MAPBOX_STYLE_URL}
         logoEnabled={false}
         rotateEnabled={movable}

src/features/hotspots/setup/HotspotSetupBluetoothSuccess.tsx

@@ -47,7 +47,6 @@ const HotspotSetupBluetoothSuccess = () => {
 
   const handleError = useCallback(
     async (error: unknown) => {
-      // eslint-disable-next-line no-console
       console.error(error)
       let titleKey = 'generic.error'
       let messageKey = 'generic.something_went_wrong'

src/features/hotspots/setup/HotspotSetupEducationScreen.tsx

@@ -1,7 +1,8 @@
-import React, { useState, useRef, useCallback } from 'react'
+import React, { useState, useRef, useCallback, useMemo } from 'react'
 import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'
 import { useTranslation } from 'react-i18next'
 import Carousel, { Pagination } from 'react-native-snap-carousel'
+import { StyleProp, ViewStyle } from 'react-native'
 import BackScreen from '../../../components/BackScreen'
 import Box from '../../../components/Box'
 import Text from '../../../components/Text'
@@ -73,6 +74,17 @@ const HotspotSetupEducationScreen = () => {
     <CarouselItem item={item} />
   )
 
+  const dotStyles: StyleProp<ViewStyle> = useMemo(
+    () => ({
+      width: 6,
+      height: 6,
+      borderRadius: 3,
+      marginHorizontal: spacing.s,
+      backgroundColor: colors.secondaryText,
+    }),
+    [colors.secondaryText, spacing.s],
+  )
+
   return (
     <BackScreen
       hideBack
@@ -107,13 +119,7 @@ const HotspotSetupEducationScreen = () => {
         <Pagination
           dotsLength={slides.length}
           activeDotIndex={slideIndex}
-          dotStyle={{
-            width: 6,
-            height: 6,
-            borderRadius: 3,
-            marginHorizontal: spacing.s,
-            backgroundColor: colors.secondaryText,
-          }}
+          dotStyle={dotStyles}
           inactiveDotOpacity={0.4}
           inactiveDotScale={1}
         />