GPT

CORRECT AUTHENTICATION HOOKS

// src/hooks/useAuthQuery.js import { useAuth } from '@clerk/clerk-react'; import { useQuery } from '@tanstack/react-query'; export function useAuthQuery(queryKey, queryFn, options = {}) { const { getToken, isSignedIn

Prompt text

Original English text. Replace placeholders with your own details.

// src/hooks/useAuthQuery.js
import { useAuth } from '@clerk/clerk-react';
import { useQuery } from '@tanstack/react-query';

export function useAuthQuery(queryKey, queryFn, options = {}) {
 const { getToken, isSignedIn } = useAuth();
 
 return useQuery({
 queryKey,
 queryFn: async () => {
 if (!isSignedIn) {
 throw new Error('Not authenticated');
 }
 
 const token = await getToken();
 return queryFn(token);
 },
 ...options,
 enabled: isSignedIn && (options.enabled !== false)
 });
}

// src/hooks/useAuthMutation.js
import { useAuth } from '@clerk/clerk-react';
import { useMutation, useQueryClient } from '@tanstack/react-query';

export function useAuthMutation(mutationFn, options = {}) {
 const { getToken, isSignedIn } = useAuth();
 const queryClient = useQueryClient();
 
 return useMutation({
 mutationFn: async (variables) => {
 if (!isSignedIn) {
 throw new Error('Not authenticated');
 }
 
 const token = await getToken();
 return mutationFn(variables, token);
 },
 ...options,
 onSuccess: async (...args) => {
 // Invalidate queries when mutation succeeds
 if (options.invalidateQueries) {
 await queryClient.invalidateQueries(options.invalidateQueries);
 }
 
 if (options.onSuccess) {
 await options.onSuccess(...args);
 }
 }
 });
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →