I was felling like this too, but I found my balance using the Controller pattern, I only use hooks in controllers, and dispatch from controllers only, then I do not have logic in controllers, but I added some concepts of DDD having all the business logic separated, to the point I could change the whole ui framework (let's say material-ui by fluent-ui) and it wouldn't affect any controller, business logic or application types.

So with Typescript + Controller pattern + DDD concepts I'm quite happy with the separation of concerns.

This is how a route looks with Controller pattern.

        <Route exact path="/:username">
            <SignedInLayout backgroundType="paper">
                <ProfilePageController>
                {(props: ProfilePageProps) => (
                    <ProfilePage {...props} />
                )}
                </ProfilePageController>
            </SignedInLayout>
        </Route>