Grommet Starter 的 hot-update.js 出现错误

Question

我正在研究Grommet 的入门示例，并在添加标签时遇到此错误<AppBar>：

defaultValidatorFn is not a function
TypeError: defaultValidatorFn is not a function
    at shouldForwardProp (http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:4491:12)
    at http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:11014:142
    at D (http://localhost:3000/main.c6cdacb143c3e873b1fb.hot-update.js:11023:6)
    at renderWithHooks (http://localhost:3000/static/js/bundle.js:31049:22)
    at updateForwardRef (http://localhost:3000/static/js/bundle.js:33620:24)
    at beginWork (http://localhost:3000/static/js/bundle.js:35667:20)
    at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:20641:18)
    at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:20685:20)
    at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:20742:35)
    at beginWork$1 (http://localhost:3000/static/js/bundle.js:40616:11)

进一步检查时，控制台会显示一堆警告，如下所示：

styled-components: it looks like an unknown prop "full" is being sent through to the DOM, which will likely trigger a React console error

我尝试过yarn add @emotion/is-prop-valid，但这没有任何区别。我在这里做错了什么？

Answer 1

步骤之一是添加styled-components依赖项。最新的主要版本是 6，但 Grommet 目前仅兼容 5。我将版本更改为^5.3.11inpackage.json并解决了问题。