Как удалить нужный элемент с вложенного массива?

Помогите пожалуйста. Есть обьект data. Не получатся удалить нужный tag.

const data = {
  notes: [
    {
      id: v1(),
      title: 'Car',
      tags: [
        {id: v1(), title: '#cars'},
        {id: v1(), title: '#carsofinstagram'},
      ],
    },
    {
      id: v1(),
      title: 'soccer',
      tags: [
        {id: v1(), title: '#football'},
        {id: v1(), title: '#sport'},
        {id: v1(), title: '#soccer'},
      ],
    },
    {
      id: v1(),
      title: 'gaming',
      tags: [
        {id: v1(), title: '#gamer'},
        {id: v1(), title: '#playstation'},
      ],
    },
  ],
}

const handleRemoveTagClick = (tagId: string, tags: TagsType): void => {
    setNotes(
      notes.map(note => {
        return {
          ...note,
          tags: tags.filter(tag => tag.id !== tagId),
        }
      }),
    )
  }