Fix: refresh entitlements on tvod purchase

[ChristiaanScheermeijer]

Description

While testing, we found that the player never updated automatically after purchasing a TVOD item. This causes the user to be unable to play back the purchased content.

After a lot of testing and trying out different fixes, I created a temporary fix using a callback argument.

The problem

To eliminate the react dependency, we've migrated react-query to @tanstack/query-core in the common package. This didn't seem to have an impact on the app. However, it turns out that the queryClient from the common package was never being used. Instead, a different queryClient was instantiated in the ui-react package.

React Query upgrade

The most straightforward fix was to upgrade react-query to @tanstack/react-query so the new queryClient could be used. However, react-query has some breaking changes, which changed all useQuery statements. Specifically, when upgrading to v4, all isLoading properties must be refactored to isFetching or isInitialLoading. I tried this upgrade, but it was too large and risky for now.

Current fix

The AccountController only uses the queryClient for entitlement invalidation in 2 places. I added a temporary callback to the AccountController, which is set from the useBootstrapApp hook.

It is not the cleanest fix, but the least risky for now.

[langemike]

Looks good!