Typescript Type Error

[Xu-Justin]

Hi, I'm new to next-safe-action and I'm just following the tutorials. How do I write a proper typescript type for useAction?

[TheEdoRan]

You shouldn't get that error if the action is declared properly and you updated to the latest library release. Please provide code snippets for the action definition too, otherwise it's pretty difficult to solve this issue just from that screenshot, thanks.

[Xu-Justin]

I'm using "next-safe-action": "^7.4.2".

const { execute, result } = useAction(registerAction);

import { createSafeActionClient } from "next-safe-action";

export const actionClient = createSafeActionClient();

export const registerAction = actionClient
    .schema(registerSchema)
    .action(async ({ parsedInput }) => {
        return {
            message: 'OK'
        };
    });

export const registerSchema = zfd.formData({
    [RegisterFormKey.Email]: zfd.text(z.string()
        .min(1, 'Email must contain at least 1 characters.')
        .max(50, 'Email must contain at most 50 characters.')
        .email('Email format is not valid.')),
    [RegisterFormKey.Username]: zfd.text(z.string()
        .min(3, 'Username must contain at least 3 characters.')
        .max(20, 'Username must contain at most 20 characters.')
        .regex(/^[a-z0-9_-]+$/, 'Username must contain only lowercase alphanumeric characters, hyphens, or underscores.')),
    [RegisterFormKey.Password]: zfd.text(z.string()
        .min(6, 'Password must contain at least 6 characters.')
        .max(50, 'Password must contain at most 50 characters.')),
    [RegisterFormKey.ConfirmPassword]: zfd.text(z.string()),
}).refine(data => data[RegisterFormKey.Password] === data[RegisterFormKey.ConfirmPassword], {
    path: [RegisterFormKey.ConfirmPassword],
    message: 'Passwords do not match',
});

[Xu-Justin]

This issue is caused by JetBrain IDE.
https://youtrack.jetbrains.com/issue/WEB-61557

[TheEdoRan]

Wow, that's pretty interesting. Thanks for the feedback!