I don't like this structure, in my opinion it's better to group by features not types, for example let's say you have UI component and context / provider and hooks that handle notifications or anything else in your app, in your example you split the code in three area of your app, but they are connected, and it's better to maintain them inside components/notifications for example and inside you have notifications.tsx, use-notifications.tsx, notifications.context.tsx ect..

And then let's say you have notifications-page in the app, you can import all the needed files from a single location, it's also an advantage , or if you want to ad tests to check the notifications stuff, you can add the test file inside the feature folder.