Fix eslint errors

App.tsx

@@ -4,6 +4,7 @@ import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import HomeScreen from '@/app';
 import QRCodeScanner from '@/components/QRCodeScanner/QRCodeScanner';
 import TreeInfoPage from '@/components/TreeInfoPage/TreeInfoPage';
+import { RootStackParamList } from '@/types';
 
 const Stack = createNativeStackNavigator<RootStackParamList>();
 

src/components/QRCodeScanner/QRCodeScanner.tsx

@@ -6,6 +6,7 @@ import {
   useCameraPermissions,
 } from 'expo-camera';
 import { NativeStackScreenProps } from '@react-navigation/native-stack';
+import { RootStackParamList } from '@/types';
 import styles from './styles';
 
 type QRCodeScannerProps = NativeStackScreenProps<RootStackParamList, 'Scanner'>;
@@ -19,25 +20,28 @@ export default function QRCodeScanner({ navigation }: QRCodeScannerProps) {
     if (!permission?.granted) {
       requestPermission();
     }
-  }, [permission]);
+  }, [permission, requestPermission]);
 
   const onBarcodeScanned = (data: BarcodeScanningResult) => {
     // Disable scanning callback so we don't scan multiple times
     setDisableScanner(true);
 
     Alert.alert(
-      'YUHHHHH QR Code Scanned',
-      `Going to tree page with id: ${data.data}`,
+      'Found Tree QR Code!',
+      `Would you like to view more information about tree ${data.data}?`,
       [
+        {
+          text: 'Cancel',
+          // Enable scanner after 2 seconds of pressing Cancel
+          onPress: () => setTimeout(() => setDisableScanner(false), 2000),
+          style: 'cancel',
+        },
         {
           text: 'OK',
-          // Enable scanner after 2 seconds of pressing OK
           onPress: () => navigation.push('TreeInfoPage', { treeId: data.data }),
         },
       ],
     );
-
-    // setTimeout(() => setDisableScanner(false), 2000),
   };
 
   // Camera permissions are still loading.

src/components/TreeInfoPage/TreeInfoPage.tsx

@@ -1,6 +1,7 @@
 import { Pressable, Text, View } from 'react-native';
 import { StatusBar } from 'expo-status-bar';
 import { NativeStackScreenProps } from '@react-navigation/native-stack';
+import { RootStackParamList } from '@/types';
 import styles from './styles';
 
 type TreeInfoPageProps = NativeStackScreenProps<

src/types.ts

@@ -1,5 +1,5 @@
 // Not sure where to keep this stuff
-type RootStackParamList = {
+export type RootStackParamList = {
   Home: undefined;
   Scanner: undefined;
   TreeInfoPage: { treeId: string };