Additional dynamic filter on array field with references

[lotarbo]

Hello. I want filter references in array field, based on field in same object. My document have structure( page(document)->preset(oject)->components) in component field i have many objects. One object has this structure - {category(reference), items(array of reference)}. So i want filter items based on category selection using this https://www.sanity.io/docs/reference-type#8118f73f6758 . The main problem - i cant pick same object. First i need to know _key of this object using parentPath then i need found my object by this _key inside document
And it looks like this. Mb there are better way to do this?
Also this doesnt work like dynamic filter. When i change category filed, i need to refresh page to see new filtered projects on projects field

This how my field looks like

defineField({
      name: 'projects',
      type: 'array',
      title: 'Projects',
      validation: (Rule) => Rule.required(),
      options: {
        sortable: true,
      },
      of: [
        {
          type: 'reference',
          to: [{type: project.name}],
          options: {
            filter: ({document, parent, parentPath}) => {
              //@ts-ignore
              const workComponentKey: string = parentPath[3]._key;
              //@ts-ignore
              const workComponent = document.preset[0].components.find((el: { _key: string }) => el._key === workComponentKey);
              const category = workComponent.category
              if (!category) {
                return {}
              }

              return {
                filter: 'references($category)',
                params: {category: category._ref}
              }
            }
          }
        },
      ],
    }),

this video describes what i mean)
PS: sortable doesn't work too(

Screen.Recording.2022-10-07.at.13.57.39.mov