Construi um app em React Native, eu estou com um problema de renderizar o código de QRcode, o "data" que recebo, eu uso partições da string desse código que recebo para exibir ele de acordo com a linha que coloco, porem quando coloco o código para ir para a outra tela eu recebo o seguinte problema.

undefined is not a function (near '...(0, _reactNative.useEffect)...')

Eu já testei o código como uma constante no JS e funciona, porem quando coloco ela para ser usada no React Native recebo o erro acima.

Acredito que tenha relação com o 'useEffect', pois foi o ultimo trecho que inclui para resolver o problema anterior.

import React from "react";
import { View,Text, StyleSheet, useEffect} from "react-native";
import { useState } from "react";
export default function Item ({data}){
   const [year, setYear] = useState(null);


    var newArray= []
    var positions = [0];
    var element = '|';
    var idx = data.indexOf(element);
    var count = 0
    useEffect(() =>{    while (idx != -1) {
        positions.push(idx);
        idx = data.indexOf(element, idx + 1);
    }

    while (count != (positions.length)-1) {
        if (count != 0) {
            var sliced = data.slice(((positions[count])+1),positions[(count + 1)])
        }
        else{
            var sliced = data.slice(((positions[count])),positions[(count + 1)])
        }
        count ++ 
        newArray.push(sliced)

        setYear(newArray[12])
    }
    },[])

        return(

        <View>
            <Text>Ano:{year}</Text>
        </View>
    )

}