Material UI Warning

Question

I'm using Material UI tabs for the first time in my project, everything works fine but there is one error in console while running the project here is:

Warning: Failed prop type: Material UI: overlap="rectangle" was deprecated. Use overlap="rectangular" instead.

Answer 1

If you use the Badge component add or change the value of the overlap property to rectangular.

<Badge overlap="rectangular" .../>

The error comes from the Badge.js

 if (overlap === 'rectangle') {
  throw new Error('Material-UI: `overlap="rectangle"` was deprecated. Use `overlap="rectangular"` instead.');
}

I hope that will give some peace of mind to some ;)