Infinite loop

[dressas]

This code causes infinite loop, anything wrong?

`import React, {useState} from 'react';
import { Dimensions, View, Image, Button } from 'react-native';
import ImageCropper from 'react-native-simple-image-cropper';
const window = Dimensions.get('window');
const w = window.width;

const IMAGE = 'https://picsum.photos/id/48/900/500';

const CROP_AREA_WIDTH = w;
const CROP_AREA_HEIGHT = w;

export const ModalSelectSnap: React.FC<{}> = () => {
const [cropperParams, setCropperParams] = useState({});

let setCropperParamsFunction = (params) => {
console.log("setCropperParams..........");
console.log(cropperParams);
setCropperParams({params});
};

return (
  <View style={{flex: 1}}>
    <ImageCropper
      imageUri={IMAGE}
      cropAreaWidth={CROP_AREA_WIDTH}
      cropAreaHeight={CROP_AREA_HEIGHT}
      containerColor="black"
      areaColor="black"
      setCropperParams={setCropperParamsFunction}
    />
  </View>
)

}`

[barrsan]

Hi, @dressas! Sorry for late answer. Example app was updated. Now it is using react-hooks. Maybe it will help to you. https://github.com/barrsan/react-native-simple-image-cropper/blob/master/example/App.js#L60

[eng-naveed]

Works fine when I place it in App.tsx but getting infinite loop when use it somewhere else in the app, like in other screens or in component.