TypeError: props.render is not a function in React.js, Commerce.js, Stripe 应用项目

Question

我收到以下错误，但不知道为什么，它指向这一行。

useEffect(() => {
    if (cart.id) {
      const generateToken = async () => {

25 | try {
  26 |   const token = await commerce.checkout.generateToken(cart.id, { type: 'cart' });
  27 | 
> 28 |   setCheckoutToken(token);
     | ^  29 | } catch {
  30 |   if (activeStep !== steps.length) history.push('/');
  31 | }
  };

      generateToken();
    }
  }, [cart]);

它还显示：

 1 | import { ControllerProps, FieldPath, FieldValues } from './types';
  2 | import { useController } from './useController';
  3 | 
> 4 | const Controller = <
  5 |   TFieldValues extends FieldValues = FieldValues,
  6 |   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
  7 | >(

Answer 1

我有同样的问题。 我不得不重新安装早期版本的 react-hook-form。 在终端输入：npm install react-hook-form@6.2.0