Ralat berlaku dalam hot-update.js dari Grommet Starter

Question

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

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

进一步检查后，控制台会显示一系列警告，如下所示：

styled-components: ia kelihatan seperti prop yang tidak diketahui "penuh" sedang dihantar melalui DOM, yang mungkin akan mencetuskan ralat konsol React

我尝试了benang tambah @emotion/is-prop-valid但这没有任何区别。我在这里做這乆了做這了

Answer 1

Salah satu langkah ialah menambah styled-components 添加到依赖项中。最新的主要版本是 6，但 Grommet 目前仅兼容 5。我将 package.json 中的版本更改为 ^5.3.11 dan masalah telah diselesaikan.