AllenFang / AllenFang/react-bootstrap-table

insertRow={true} causes Invariant Violation: Objects are not valid as a React child

Open
#1,739 5 comments 0 reactions 0 assignees View on GitHub
in progress
Dominant language
JavaScript
Stars
2.2k
Forks
761
PR merge metrics
No merged PRs in 30d

Description

I have upgraded a React app from 15.6.2 to 16.0.0, and updated react-boostrap-table too.

If my JSX looks like:

```

ID
Type

```

Then it fails to render.

I get this console message:

```
Invariant Violation: Objects are not valid as a React child (found: object with keys {$$typeof, key, children, containerInfo, implementation}). If you meant to render a collection of children, use an array instead.
in Modal
in div
in ToolBar
in div
in div
in BootstrapTable
in div
in div
in div
```
If I remove the insertRow attribute, the error goes away, and the component will render again.

I was relying on insertRow to provide UI to add new data, it would be a shame to have to roll my own.

It is helps, licenceTypes is a very simple array:

```
licenceTypes: [{id:1, title: "MIT"}, {id:2, title: "Apache-2.0"}]
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.