attributes اسپرید شده

استاد اینجا که میخواهیم ست اتربیوت کنیم،این اتربیوتس ایی که اسپرید میکنیم( attributes...)،این چیه؟
شما یک اینترفیس تعریف میکنین و تو ست اتربیوت میارین.اما تو UI دیده نمیشه.آن چیزی که دیده میشه کامپوننت اتربیوته.من دقیقا نفهمیدم این اینترفیس اتربیوت ایتم رو برای چی تعریف میکنیم و چرا پراپرتیهاشو تو ست اتربیوت میاریم.در حالیکه اصلا وقتی دگه زده میشه کامپوننت اتربیوته که لود میشه.اگر هم این روش، شیوه آپدیت استیت با قوانین ایمیوتبل است به هر حال وقتی دگمه رو میزنیم خود اتربیوت لود میشه و درست هم هست چون تو مپ در نهایت این کامپوننت اتربیوته که رندر میشه و ربطی با اون پراپرتیها نداره.

const addNewAttribute=(e:ReactMouseEvent)=>{
    e.preventDefault()
    setAttributes((prev)=>{
        return[
            ...attributes,
            {title:'',
            slug:'',
            type:1,
            filterable:true,
            hasprice:false
            }
        ]
    })
}