코드 분할/반응로드 가능 문제

Question

반응로드 가능한 코드를 사용하여 내 앱에 코드 분할을 도입하려고합니다. 그러나

const LoadableComponent = Loadable({ 
    loader:() => import('components/Shared/Logo/Logo'), 
    loading: <div>loading</div>, 
}); 

,이 구성 요소는, 나는 다음과 같은 오류 얻을 렌더링 :

이

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. 

Check the render method of `LoadableComponent`. 
    in LoadableComponent (created by AppHeader) 
    in div (created by AppHeader) 
    in AppHeader (created by PlainChatApp) 
    in div (created by PlainChatApp) 
    in PlainChatApp (created by DragDropContext(PlainChatApp)) 
    in DragDropContext(PlainChatApp) (created by Connect(DragDropContext(PlainChatApp))) 
    in Connect(DragDropContext(PlainChatApp)) 
    in Provider 
    in AppContainer 
    in ErrorBoundary 

The above error occurred in the <LoadableComponent> component: 
    in LoadableComponent (created by AppHeader) 
    in div (created by AppHeader) 
    in AppHeader (created by PlainChatApp) 
    in div (created by PlainChatApp) 
    in PlainChatApp (created by DragDropContext(PlainChatApp)) 
    in DragDropContext(PlainChatApp) (created by Connect(DragDropContext(PlainChatApp))) 
    in Connect(DragDropContext(PlainChatApp)) 
    in Provider 
    in AppContainer 
    in ErrorBoundary 

나는 내가 잘못이 분명 아무것도 표시되지 않습니다을 나는 매우 간단한 구성 요소에 그것을 시도 , 해당 repo에서 문제를 제기 할 수 없습니다.

Answer 1

JSX가 아닌 loading 옵션에 구성 요소를 전달해야한다는 것이 드러났습니다. 설명서에이 사실이 분명히 표시되어 있습니다. 방금보고 싶었습니다.