public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tweak

proto/trying-alternative-approach
KATT 2021-11-19 12:54:23 +01:00
parent 3031cea99c
commit f2e92f830f
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pages/[locale]/[user].tsx
View File

@ -21,8 +21,8 @@ export default function User(props: inferSSRProps<typeof getStaticProps>) {
const { username } = props;
const utils = trpc.useContext();
// data of query below will be will be prepopulated b/c of `getStaticProps`
const query = trpc.useQuery(["booking.userEventTypes", { username }]);
// data of query below will be will be generally prepopulated b/c of `getStaticProps`
const query = trpc.useQuery(["booking.userEventTypes", { username }], { enabled: !!username });
const { t } = useLocale();
const { isReady } = useTheme(query.data?.user.theme);
@ -33,11 +33,8 @@ export default function User(props: inferSSRProps<typeof getStaticProps>) {
for (const { slug } of query.data.eventTypes) {
utils.prefetchQuery(["booking.eventTypeByUsername", { slug, username }]);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [username]);
}, [query.data, username, utils]);
if (!query.data) {
// this shold never happen as we do `blocking: true`
// TODO check 404 pages
return <Loader />;
}
const { user, eventTypes } = query.data;
@ -138,7 +135,7 @@ export const getStaticPaths: GetStaticPaths = async () => {
}),
// https://nextjs.org/docs/basic-features/data-fetching#fallback-blocking
fallback: "blocking",
fallback: true,
};
};