I'm trying to add a new line to my database to a "tasks" collection in strapi through my front-end in js.

I'm using dynamic zone and I achieve to add a new line to my database but it return empty in the back office (by empty I mean that there is no dynamic object created)

I actually done this :

this.$strapi.create("api/task-lists", {
  data: {
    "task_lists": {
       __typename: "task-lists",
       __component: "tasks.tasks",
       title: this.new_appointment.title,
       description: this.new_appointment.description,
       project: this.new_appointment.project.name,
       isArchived: false,
       color: this.project.currentColor,
       from: popup_info.start_time,
       to: popup_info.end_time,
       id: slug,
     }
  },
});

Below what my dynamic zone should look like :