reactjs - Modulen '@hookform/resolvers' har ingen exporterad medlem 'yupResolver'

Jag har följande import i min komponent, men den orsakar ett fel.

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";

Svar #1

du ställer inte in patchen korrekt till yupResolver

ändra :

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

till :

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

Svar #2

npm install @hookform/resolvers behöver installeras först