import { useQuery } from '@tanstack/react-query';
import { QueryKeys } from 'queries/keys';
import { fetcher } from 'utils/fetcher';
function useGetHook({
token,
}: {
token: string;
}) {
return useQuery({
queryKey: [QueryKeys.KEY_VALUE],
queryFn: () =>
fetcher(
`someEndpoint`,
{ method: 'GET' },
token
),
});
}
export { useGetHook };
------------------------------------------------------------------
import { useMutation, useQueryClient } from '@tanstack/react-query';
import { fetcher } from 'utils';
import { QueryKeys } from 'queries/keys';
export default function usePost({
token,
}: {
token: string;
}) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: () => {
return fetcher(
`someEndpoint`,
{
method: 'POST',
body: {},
},
token
);
},
onError: () => {
},
onSuccess: (data) => {
queryClient.invalidateQueries({
queryKey: [QueryKeys.KEY_VALUE],
});
},
});
}
import { useQuery } from '@tanstack/react-query';
import { QueryKeys } from 'queries/keys';
import { fetcher } from 'utils/fetcher';
function useGetHook({
token,
}: {
token: string;
}) {
return useQuery({
queryKey: [QueryKeys.KEY_VALUE],
queryFn: () =>
fetcher(
`someEndpoint`,
{ method: 'GET' },
token
),
});
}
export { useGetHook };
------------------------------------------------------------------
import { useMutation, useQueryClient } from '@tanstack/react-query';
import { fetcher } from 'utils';
import { QueryKeys } from 'queries/keys';
export default function usePost({
token,
}: {
token: string;
}) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: () => {
return fetcher(
`someEndpoint`,
{
method: 'POST',
body: {},
},
token
);
},
onError: () => {
},
onSuccess: (data) => {
queryClient.invalidateQueries({
queryKey: [QueryKeys.KEY_VALUE],
});
},
});
}