reactjs - ماژول '@hookform/resolvers' عضوی به نام 'yupResolver' صادر نکرده است

من واردات زیر را در کامپوننت خود دارم، اما این باعث ایجاد خطا میشود.

import { yupResolver } from "@hookform/resolvers";

ERROR in ./src/components/pages/Forms.tsx 26:14-25
export 'yupResolver' (imported as 'yupResolver') was not found in '@hookform/resolvers' (possible exports: toNestError, validateFieldsNatively)
>
>webpack compiled with 1 error and 1 warning
ERROR in src/components/pages/Forms.tsx:2:10
TS2305: Module '"@hookform/resolvers"' has no exported member 'yupResolver'.

    1 | import { useForm } from "react-hook-form";
  > 2 | import { yupResolver } from "@hookform/resolvers";
      |          ^^^^^^^^^^^
    3 | import * as yup from "yup";

پاسخ شماره ۱

شما مسیر را به درستی روی yupResolver تنظیم نمیکنید

تغییر :

import { yupResolver } from "@hookform/resolvers";

به :

import { yupResolver } from '@hookform/resolvers/yup';

پاسخ شماره ۲

برای نصب @hookform/resolvers ابتدا باید آن را نصب کنید