GPT

User Management

// src/features/user/UserSettings.jsx import { useUser } from '@clerk/clerk-react'; import { useMutation, useQueryClient } from '@tanstack/react-query'; export function UserSettings() { const { user } = useUser(); con

Prompt text

Original English text. Replace placeholders with your own details.

// src/features/user/UserSettings.jsx
import { useUser } from '@clerk/clerk-react';
import { useMutation, useQueryClient } from '@tanstack/react-query';

export function UserSettings() {
 const { user } = useUser();
 const queryClient = useQueryClient();
 
 const updateProfileMutation = useMutation({
 mutationFn: async (newData) => {
 await user.update(newData);
 },
 onSuccess: () => {
 queryClient.invalidateQueries(['user-profile']);
 }
 });
 
 return (
 <form onSubmit={handleSubmit}>
 {/* Profile update form */}
 </form>
 );
}

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 →