Add/Remove Input Fields Dynamically with MERN Stack

Question

I need some help I am working on a MERN Stack project, I have a small problem with entering data from the frontend to the backend. I have a dynamically array of object .I want a way to enter data in it and modify it. I succeeded in entering and update the price and the name. I just want to enter the variable item

mongoose Schema

const mongoose = require('mongoose');
const productSchema = new mongoose.Schema({
    name :{
        type: 'string'
    },

    price :{
        type: 'string'
    },

    description:[
        {

            value:{
                type:String,
                required:true
            },

            name:{
                type:String,
                required:true
            },

            category:{
              type : String,
              required:true
            },
        }
    ]
  })
module.exports = mongoose.model('Product', productSchema);

view add product desgin