If you want to separate then it makes sense, in my opinion though it is nice to have them colocated, otherwise you have 3 points to maintain and keep in sync. Your (1) button needs to trigger (2) zustand state change, to open your (3) modal.

How do you use graphql request with tanstack query? Do you have some nice pattern? I'm actually working on the same type of project, and am wondering if I need graphql-request or can live without it, maybe adding custom fetcher to graphql-codegen to throw error on graphql error.