After using notificationreactive as the type in typescript, the content of the notification component is readonly

[liyifo]

This function solves the problem (这个功能解决的问题)

How can I dynamically modify the content of a component

Expected API (期望的 API)

If I modify the value, I will prompt TS2540: Cannot assign to 'title' because it is a read-only property.
What should I do？

[liyifo]

[Volankey]

I think you should use like the follow code:

const notification = useNotification()
const instance =  notification.create({
          title: "Wouldn't it be Nice",
          description: 'From the Beach Boys',
          content: `1234`,
          meta: '2019-5-27 15:11',
          avatar: () =>
            h(NAvatar, {
              size: 'small',
              round: true,
              src: 'https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg'
            }),
          onAfterLeave: () => {
            message.success("Wouldn't it be Nice")
          }
        })
instance.title = 'xxxx'

If you want to use it outside setup, refer to https://www.naiveui.com/en-US/os-theme/components/message#Q-&-A.

[Volankey]

NotificationReactive type will fix.