16:9 预览站 - 造型(背景)页崩溃

[Hi-awaBlack]

描述一下bug

https://codingclip.com/editor/feature/16to9/
在 16:9 预览站点击”造型“（或”背景“）选项卡时，造型页将崩溃

控制台日志：

gui Unhandled Error: Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:1. You might have mismatching versions of React and the renderer (such as React DOM)2. You might be breaking the Rules of Hooks3. You might have more than one copy of React in the same appSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.    at resolveDispatcher (https://codingclip.com/editor/feature/16to9/lib.min.js:80650:13)    at useMemo (https://codingclip.com/editor/feature/16to9/lib.min.js:80705:20)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:75091:75)    at renderWithHooks (https://codingclip.com/editor/feature/16to9/lib.min.js:252598:18)    at updateFunctionComponent (https://codingclip.com/editor/feature/16to9/lib.min.js:254969:20)    at updateSimpleMemoComponent (https://codingclip.com/editor/feature/16to9/lib.min.js:254828:10)    at updateMemoComponent (https://codingclip.com/editor/feature/16to9/lib.min.js:254705:14)    at beginWork (https://codingclip.com/editor/feature/16to9/lib.min.js:256748:16)    at HTMLUnknownElement.callCallback (https://codingclip.com/editor/feature/16to9/lib.min.js:241558:14)    at HTMLUnknownElement.sentryWrapped (https://codingclip.com/editor/feature/16to9/chunks/gui.js:628:23)    at Object.invokeGuardedCallbackDev (https://codingclip.com/editor/feature/16to9/lib.min.js:241607:16)    at invokeGuardedCallback (https://codingclip.com/editor/feature/16to9/lib.min.js:241669:31)    at beginWork$1 (https://codingclip.com/editor/feature/16to9/lib.min.js:261572:7)    at performUnitOfWork (https://codingclip.com/editor/feature/16to9/lib.min.js:260387:12)    at workLoopSync (https://codingclip.com/editor/feature/16to9/lib.min.js:260315:5)    at renderRootSync (https://codingclip.com/editor/feature/16to9/lib.min.js:260278:7)    at performSyncWorkOnRoot (https://codingclip.com/editor/feature/16to9/lib.min.js:259901:18)    at https://codingclip.com/editor/feature/16to9/lib.min.js:248940:26    at unstable_runWithPriority (https://codingclip.com/editor/feature/16to9/lib.min.js:298736:12)    at runWithPriority$1 (https://codingclip.com/editor/feature/16to9/lib.min.js:248889:10)    at flushSyncCallbackQueueImpl (https://codingclip.com/editor/feature/16to9/lib.min.js:248935:9)    at flushSyncCallbackQueue (https://codingclip.com/editor/feature/16to9/lib.min.js:248922:3)    at discreteUpdates$1 (https://codingclip.com/editor/feature/16to9/lib.min.js:260028:9)    at discreteUpdates (https://codingclip.com/editor/feature/16to9/lib.min.js:241369:12)    at dispatchDiscreteEvent (https://codingclip.com/editor/feature/16to9/lib.min.js:243502:3)    at HTMLDivElement.sentryWrapped (https://codingclip.com/editor/feature/16to9/chunks/gui.js:628:23)Component stack:     at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:75091:75)    at PaintEditorWrapper (https://codingclip.com/editor/feature/16to9/lib.min.js:339116:5)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at div    at Box (https://codingclip.com/editor/feature/16to9/lib.min.js:320561:5)    at div    at Box (https://codingclip.com/editor/feature/16to9/lib.min.js:320561:5)    at AssetPanel (https://codingclip.com/editor/feature/16to9/lib.min.js:319715:10)    at CostumeTab (https://codingclip.com/editor/feature/16to9/lib.min.js:335919:5)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at injectIntl(Connect(CostumeTab))    at ErrorBoundary (https://codingclip.com/editor/feature/16to9/lib.min.js:336833:5)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at ErrorBoundaryWrapper    at div    at TabPanel (https://codingclip.com/editor/feature/16to9/lib.min.js:276907:24)    at div    at UncontrolledTabs (https://codingclip.com/editor/feature/16to9/lib.min.js:277156:70)    at Tabs (https://codingclip.com/editor/feature/16to9/lib.min.js:277000:24)    at div    at Box (https://codingclip.com/editor/feature/16to9/lib.min.js:320561:5)    at div    at Box (https://codingclip.com/editor/feature/16to9/lib.min.js:320561:5)    at div    at Box (https://codingclip.com/editor/feature/16to9/lib.min.js:320561:5)    at div    at Box (https://codingclip.com/editor/feature/16to9/lib.min.js:320561:5)    at MediaQuery (https://codingclip.com/editor/feature/16to9/lib.min.js:275056:33)    at GUIComponent    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at injectIntl(Connect(GUIComponent))    at GUI (https://codingclip.com/editor/feature/16to9/lib.min.js:337522:5)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at injectIntl(Connect(GUI))    at CloudManager (https://codingclip.com/editor/feature/16to9/lib.min.js:346250:7)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at SBFileUploaderComponent (https://codingclip.com/editor/feature/16to9/lib.min.js:352113:7)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at injectIntl(Connect(SBFileUploaderComponent))    at VMManager (https://codingclip.com/editor/feature/16to9/lib.min.js:353966:7)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at VMListener (https://codingclip.com/editor/feature/16to9/lib.min.js:353692:7)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at ProjectSaverComponent (https://codingclip.com/editor/feature/16to9/lib.min.js:351392:7)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at TitledComponent (https://codingclip.com/editor/feature/16to9/lib.min.js:353032:3)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at injectIntl(Connect(TitledComponent))    at ProjectFetcherComponent (https://codingclip.com/editor/feature/16to9/lib.min.js:351202:7)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at injectIntl(Connect(ProjectFetcherComponent))    at QueryParserComponent (https://codingclip.com/editor/feature/16to9/lib.min.js:351888:7)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at FontLoaderComponent (https://codingclip.com/editor/feature/16to9/lib.min.js:348446:3)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at ErrorBoundary (https://codingclip.com/editor/feature/16to9/lib.min.js:336833:5)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at ErrorBoundaryWrapper    at IntlProvider (https://codingclip.com/editor/feature/16to9/lib.min.js:268211:9)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at LocalizationWrapper (https://codingclip.com/editor/feature/16to9/lib.min.js:350524:3)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at HashParserComponent (https://codingclip.com/editor/feature/16to9/lib.min.js:348679:7)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at IntlProvider (https://codingclip.com/editor/feature/16to9/lib.min.js:268211:9)    at ConnectFunction (https://codingclip.com/editor/feature/16to9/lib.min.js:272507:75)    at Provider (https://codingclip.com/editor/feature/16to9/lib.min.js:272218:20)    at AppStateWrapper (https://codingclip.com/editor/feature/16to9/lib.min.js:344290:7)

请叙述bug触发步骤

在 16:9 预览站点击”造型“（或”背景“）选项卡

预期的行为

正常加载此选项卡

截图或视频

ClipCC版本

目前仅在16:9预览站发现

附加内容

[SimonShiki]

本问题因预览站配置不当导致，稍候修复