Screen Component Issue

This error is located at:
in App (created by withDevTools(App))
in withDevTools(App)
in RCTView (created by View)
in View (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent), js engine: hermes

import React , {useEffect} from 'react';
import * as ImagePicker from 'expo-image-picker';

import {Screen} from './app/components/Screen';

const requestPermission = async () => {    
    const result = await ImagePicker.requestCameraPermissionsAsync();
    
}

export default function App(props) {   
    useEffect(() => {
        requestPermission();
    }, []) ;
    
    return (
        <Screen></Screen>
    );
}

Try defining the requestPermission function inside the body of the App component

Could you also provide a screen shot of the error stack in the console,