Ganesh1991

import React, { useState } from "react";
import { Text, View, StyleSheet, Button } from "react-native";
import { CameraView, useCameraPermissions } from "expo-camera/next";
import { TouchableOpacity } from "react-native-gesture-handler";

export default function CodeScanner({ handleScan, closeScanner }) {
  const [type, setType] = useState("back");
  const [permission, requestPermission] = useCameraPermissions();

  if (!permission) {

Ganesh1991

// One of my new favorite React Hook patternms is to create handler
// functions for a custom hook using `React.useMemo` instead of
// `React.useCallback`, like so:

function useBool(initialState = false) {
  const [state, setState] = React.useState(initialState)
  
  // Instead of individual React.useCallbacks gathered into an object
  // Let's memoize the whole object. Then, we can destructure the
  // methods we need in our consuming component.