Undefined is not a function near '..'

Question

I have been getting this error and even after few searches I have not been able to find the solution to it. I am new to node and javascript so any help will be cherished.

enter image description here

In written form the code is provided below:

import React, { useState } from "react";


export const ItemForm = ({ addItemProp }) => {
  const [Name, setName] = useState("");
  const [Price, setPrice] = useState("");
  const [description, setdescription] = useState("");
  const [Product, setProduct] = useState("");
  const [imagepath, setimagepath] = useState("");
  const [Category, setCategory] = useState("");




const addItem = _=> { 
    addItemProp({
      id: (new Date).getTime(),
      Name,
      Price,
      description, 
      Product,
      Category,
      imagepath,
    });
    setName('')
    setPrice('');
    setdescription('');
    setProduct('');
    setCategory('');
    setimagepath('');
  }

and the error I am getting is : TypeError: undefined is not a function (near '...addItemProp...') addItem src/Components/AddProduct/addProduct.jsx:14

  13 |        const addItem = _=> { 
  14 |        addItemProp({
  15 |        id: (new Date).getTime(),
  16 |        Name,
  17 |        Price,

addItemProp seems to be undefined at the time of component load, I would suggest using a '?' and see if it resolves, like so `const addItem = _=> { addItemProp?({ id: (new Date).getTime(), Name, Price, description, Product, Category, imagepath, }); setName('') setPrice(''); setdescription(''); setProduct(''); setCategory(''); setimagepath(''); } ` — otejiri, Sep 23 '22 at 17:25
@PraveenKumarPurushothaman adding semicolon does not help, still it shows undefined — Prashant Shrestha, Sep 24 '22 at 05:03
@PrashantShrestha I will need to see the component that the `addItemProp` is passed from. It should contain ` function.... />` — otejiri, Sep 24 '22 at 07:08
@otejiri It is present in the question above. Or is it different ? — Prashant Shrestha, Sep 24 '22 at 14:55
@PrashantShrestha `addItemProp` is being sent by another component to the `ItemForm` component. I was asking to see the parent component — otejiri, Sep 24 '22 at 21:37

Undefined is not a function near '..'

0 Answers0