GPT

User Authentication

// src/features/auth/SignIn.jsx import { useSignIn } from '@clerk/clerk-react'; import { useMutation } from '@tanstack/react-query'; export function SignIn() { const { signIn, isLoaded } = useSignIn(); const signInM

Prompt text

Original English text. Replace placeholders with your own details.

// src/features/auth/SignIn.jsx
import { useSignIn } from '@clerk/clerk-react';
import { useMutation } from '@tanstack/react-query';

export function SignIn() {
 const { signIn, isLoaded } = useSignIn();
 
 const signInMutation = useMutation({
 mutationFn: async ({ email, password }) => {
 if (!isLoaded) throw new Error('Auth not loaded');
 
 try {
 const result = await signIn.create({
 identifier: email,
 password
 });
 
 return result;
 } catch (err) {
 throw new Error('Sign in failed: ' + err.message);
 }
 }
 });
 
 return (
 <form onSubmit={handleSubmit}>
 {/* Form implementation */}
 </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 →