Fix excessive re-rendering due to route changesd

This commit is contained in:
DaneEveritt 2022-06-20 13:19:40 -04:00
parent 7b0e2ce99d
commit 8bd518048e
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
7 changed files with 51 additions and 27 deletions

View file

@ -1,8 +1,14 @@
import { useStoreState } from '@/state/hooks';
import { useDeepCompareMemo } from '@/plugins/useDeepCompareMemo';
export default (context: string | string[]) => {
const key = Array.isArray(context) ? context.join(':') : context;
// eslint-disable-next-line @typescript-eslint/ban-types
export default (context: string | string[] | (string | number | null | {})[]) => {
const uuid = useStoreState(state => state.user.data?.uuid);
const key = useDeepCompareMemo((): string => {
return (Array.isArray(context) ? context : [ context ])
.map((value) => JSON.stringify(value))
.join(':');
}, [ context ]);
if (!key.trim().length) {
throw new Error('Must provide a valid context key to "useUserSWRContextKey".');