Theme not applying on latest version of react-sortable-tree

[A9u]

I am using the following versions :-

• react-sortable-tree 2.8
• react-sortable-tree-theme-file-explorer 2.0.0
• next 9.4.4

I have used it as follows :-

const FileExplorerTheme = dynamic(() => import("react-sortable-tree-theme-file-explorer"), {
  ssr: false
});

<SortableTree
          treeData={treeData}
          onChange={handleChange}
          onMoveNode={handleMove}
          theme={FileExplorerTheme}

  />

I am getting following warning and the theme is not getting applied:-

Warning: Failed prop type: Invalid prop `theme` of type `function` supplied to `ReactSortableTree`, expected `object`.

[akhilkurnool]

This is because dynamic import are only supported for React components (vercel/next.js#13417) but FileExplorerTheme is an object.

To solve this,
const [fileTheme, setFileTheme] = useState(null);
useEffect(() => {
(function importSortableTree() {
import('react-sortable-tree-theme-file-explorer').then((obj) => {
setFileTheme(obj.default);
})
})();
}, [])

And use the fileTheme object