gregnb / gregnb/mui-datatables

"React does not recognize the `isEmpty` prop on a DOM element" error in console with version 3.8.5

Open
#1,893 13 comments 6 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.7k
Forks
906
PR merge metrics
No merged PRs in 30d

Description

"React does not recognize the `isEmpty` prop on a DOM element" error in console with version 3.8.5

## Expected Behavior
When landing on a page containing a mui-datatable component, there should be no error in the console.

## Current Behavior
When landing on a page containing a mui-datatable component, the following error is visible:
![image](https://user-images.githubusercontent.com/496549/158787976-595ec178-f32c-4fe9-a110-0b496405e146.png)

## Steps to Reproduce (for bugs)
1. Use a MuiDatable and MUIDataTableColumn components

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | 4.12.3 |
| MUI-datatables | 3.8.5 |
| @types/mui-datatables | 3.7.8 |
| React | 17.0.2 |
| browser | latest versions of chrome, firefox and edge |
| NX | development|

### Update
After I built the app for production, the error isn't visible in the console.
Might be something related to a development setting ?

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the warning with a MUIDataTable and MUIDataTableColumn using React 17.0.2, Material-UI 4.12.3, and MUI-datatables 3.8.5. Trace where the isEmpty prop reaches a DOM element, and consider the issue done when the development console no longer reports the warning while the table still renders correctly.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.