User

useGetCaptchaQuery

To use this function, the useCaptcha function from @akinon/next/hooks needs to be imported.

import { useCaptcha } from '@akinon/next/hooks';

The useCaptcha function provides the following variables:

• view
• validated
• isVisible
• validate

These variables and the view for Captcha is obtained by using the useCaptcha() function, and then the variables are defined as shown below:

const {
    CaptchaView,
    validated: captchaValidated,
    isVisible: isCaptchaVisible,
    validate: validateCaptcha
} = useCaptcha();

The view obtained from the Captcha can be placed where you want as <CaptchaView data-testid="login-captcha" />.

The isCaptchaVisible variable is used to show or hide the captcha. When using this variable, it should be checked whether the captcha is validated with !captchaValidated before use.

{isCaptchaVisible && !captchaValidated}

Data returned from function:

{
    CaptchaView: async ()=> {
        length: 1,
        name: "View",
    },
  validated: false,
  isVisible: false,
  validate: async ()=> {
    length: 0
        name: "validate"
  }
}