Problem with ListingEditScreen

hello,i have problem with ListingEditScreen
check the render method of “ListingEditScreen”
photo :

My ListingEditScreen code
import { StyleSheet } from “react-native”;
import * as Yup from “yup”;
import React from “react”;

import {
} from “…/components/forms/index”;
import Screen from “…/components/Screen”;

const validationSchema = Yup.object().shape({
title: Yup.string().required().min(1).label(“Title”),
price: Yup.number().required().min(1).max(10000).label(“Price”),
description: Yup.string().label(“Description”),
category: Yup.object().required().nullable().label(“Category”),

const categories = [
label: “Furniture”,
value: 1,
label: “Clothing”,
value: 2,
label: “Camera”,
value: 3,

function ListingEditScreen(props) {
return (

title: “”,
price: “”,
description: “”,
category: null,
onSubmit={(values) => console.log(values)}


const styles = StyleSheet.create({


export default ListingEditScreen;


I was looking for the solution right now as well. But I found it myself already.
Check if you added AppFormPicker to the index file of the components folder: components/forms/index.js

The error message is a bit weird. But if you forgot to add the new component to the index, it won’t be able to import it.

That fixed it for me!

I have a problem in my listing Edit screen nothing appears can I help me !