Estoy tratando de mapear mi estado de formulario de usuario para representar cada uno por cada uno, pero la función de mapa a veces me devuelve como indefenso y, a veces, como un ciclo infinito de reacción y no encuentro una manera de resolverlo, ¿alguien podría ayudarme?

mi código:

 const FormScreen = async({route}) => { const [userForm, setuserForm] = useState([]); if (userForm.length > 0) { console.log(userForm,'campos:',userForm.fields); return; } else { setuserForm(await JSON.parse(route.params.paramKey)); } {...} return ( <SafeAreaView style={{flex: 1}}> <View style={styles.container}> <Text style={styles.textStyle}> COLLECTION : </Text> {userForm.map((item) => ( <Text keys={item.fields}>test</Text> ))} </View> </SafeAreaView> ); };