Skip to content

Commit

Permalink
fix: tanstack query samples
Browse files Browse the repository at this point in the history
shubham2811 committed Oct 23, 2024

Unverified

The committer email address is not verified.
1 parent 923961d commit d967bdc
Showing 4 changed files with 26 additions and 12 deletions.
2 changes: 1 addition & 1 deletion samples/subapp2-basic/src/subapps/footer/index.tsx
Original file line number Diff line number Diff line change
@@ -12,7 +12,7 @@ import { demo3QueryFn } from "./react-query-fetch";
import { DisplayInfo } from "./display-info";

const Footer = () => {
const { data } = useQuery("demo3", demo3QueryFn, { staleTime: 2000 });
const { data } = useQuery({ queryKey: ["demo3"], queryFn: demo3QueryFn, staleTime: 2000 });

return (
<div>
4 changes: 2 additions & 2 deletions samples/subapp2-basic/src/subapps/footer/react-query-fetch.ts
Original file line number Diff line number Diff line change
@@ -8,12 +8,12 @@ export const demo3QueryFn = async ({ queryKey }) => {
return new Promise((resolve) => {
setTimeout(resolve, delay);
}).then(() => {
return { msg: "react-query", queryKey, delay };
return { msg: "@tanstack/react-query", queryKey, delay };
});
};

export const prefetchQuery = async ({ queryClient, ssrData }) => {
await queryClient.prefetchQuery("demo3", demo3QueryFn);
await queryClient.prefetchQuery({ queryKey: ["demo3"], queryFn: demo3QueryFn });

return {
queryClient,
11 changes: 7 additions & 4 deletions samples/subapp2-poc/src/demo4-react-query.ts
Original file line number Diff line number Diff line change
@@ -7,17 +7,20 @@ export const demo4QueryFn = async ({ queryKey }) => {

console.debug("demo4 react-query getting data, delay:", delay);

return new Promise(resolve => {
return new Promise((resolve) => {
setTimeout(resolve, delay);
}).then(() => {
return { msg: "react-query", queryKey, delay };
return { msg: "@tanstack/react-query", queryKey, delay };
});
};

export const prefetchQuery = async ({ queryClient, ssrData }) => {
await queryClient.prefetchQuery("demo4", demo4QueryFn);
await queryClient.prefetchQuery({
queryKey: ["demo4"],
queryFn: demo4QueryFn,
});
return {
queryClient,
dehydratedState: dehydrate(queryClient)
dehydratedState: dehydrate(queryClient),
};
};
21 changes: 16 additions & 5 deletions samples/subapp2-poc/src/demo4.tsx
Original file line number Diff line number Diff line change
@@ -3,10 +3,21 @@ import { reactQueryFeature, useQuery } from "@xarc/react-query";
import { demo4QueryFn } from "./demo4-react-query";

const Demo4 = () => {
const { data } = useQuery("demo4", demo4QueryFn, { staleTime: 2000 });
const { data } = useQuery({
queryKey: ["demo4"],
queryFn: demo4QueryFn,
staleTime: 2000,
});

return (
<div style={{ padding: "5px", border: "solid", marginLeft: "15%", marginRight: "15%" }}>
<div
style={{
padding: "5px",
border: "solid",
marginLeft: "15%",
marginRight: "15%",
}}
>
<p>subapp demo4</p>
data: <pre>{JSON.stringify(data)}</pre>
<p>
@@ -22,7 +33,7 @@ export const subapp: ReactSubApp = {
// https://react-query.tanstack.com/docs/overview
reactQueryFeature({
React,
serverModule: require.resolve("./demo4-react-query")
})
]
serverModule: require.resolve("./demo4-react-query"),
}),
],
};

0 comments on commit d967bdc

Please sign in to comment.