session/invalid-output-configuration in android for react-native-vision-camera

This is my app code but I get the error mentioned in title. I even tried the example code of library but got the same error.

import { StyleSheet, View } from 'react-native';
import {
  Camera,
  useCameraDevice,
  useCameraPermission,
} from 'react-native-vision-camera';
import { useFocusEffect } from '@react-navigation/native';

function HomeScreen() {
  const device = useCameraDevice('back');
  const { hasPermission } = useCameraPermission();
  const [isCameraActive, setIsCameraActive] = useState(true);

  useFocusEffect(
    React.useCallback(() => {
      setIsCameraActive(true); // Activate camera on focus
      return () => setIsCameraActive(false); // Deactivate camera on blur
    }, []),
  );

  useEffect(() => {
    Camera.requestCameraPermission().then(res => {
      console.log('res is ', res);
    });
  }, []);

  console.log('device is ', device);
  const cameraRef = useRef(null);

  if (!device) return null;

  return (
    <View style={styles.container}>
      <Camera
        ref={cameraRef}
        onInitialized={() => console.log('Camera is ready!')}
        device={device}
        isActive={true}
        photoQualityBalance="quality"
        style={StyleSheet.absoluteFill}
        photo
        video={false}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

export default HomeScreen;