frontend-collective / frontend-collective/react-sortable-tree-theme-file-explorer

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

Open
#34 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
140
Forks
93
PR merge metrics
No merged PRs in 30d

Description

```
import SortableTree from 'react-sortable-tree';
import theme from 'react-sortable-tree-theme-file-explorer';

const Project = ({project: {label, tree}}) => (


{label}




);

```

Gives:

```
Warning: React.createElement: type is invalid -- expected a string (for built-in components)
or a class/function (for composite components) but got: undefined. You likely forgot to export
your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `SortableTree`.
```

When I look in `node_modules/react-sortable-tree/dist/index.esm.js`, the default export is:

```
var SortableTree = function SortableTree(props) {
return React.createElement(DndProvider, {
backend: HTML5Backend
}, React.createElement(SortableTreeWithoutDndContext, props));
};
```

So, I:

```
> console.log(DndProvider);
undefined
```

A little more inspection:

```
$ node
Welcome to Node.js v14.15.1.
Type ".help" for more information.
> require('react-dnd')
{
DragDropContext: [Getter],
DragDropContextProvider: [Getter],
DragLayer: [Getter],
DragSource: [Getter],
DropTarget: [Getter]
}
> require('react-dnd/package.json').version
'2.5.4'
```

...that's a very old version. More inspection:

```
> require('react-sortable-tree-theme-file-explorer/package.json').dependencies['react-dnd'];
'2.5.4'
> require('react-sortable-tree-theme-file-explorer/package.json').version;
'2.0.0'
```

It appears this project is badly out of date and completely broken.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.