Merge pull request #6146 from marmelab/fix-simplelistloading-warnings

Fix warnings when SimpleList displays skeleton while loading

Author: djhi

packages/ra-ui-materialui/src/list/Placeholder.tsx

@@ -21,7 +21,9 @@ interface Props {
 const Placeholder: FC<Props> = props => {
     const classes = useStyles(props);
     return (
-        <div className={classnames(classes.root, props.className)}>&nbsp;</div>
+        <span className={classnames(classes.root, props.className)}>
+            &nbsp;
+        </span>
     );
 };
 

packages/ra-ui-materialui/src/list/SimpleListLoading.tsx

@@ -53,7 +53,7 @@ const SimpleListLoading: FC<Props & ListProps> = props => {
     return oneSecondHasPassed ? (
         <List className={className} {...rest}>
             {times(nbFakeLines, key => (
-                <ListItem>
+                <ListItem key={key}>
                     {hasLeftAvatarOrIcon && (
                         <ListItemAvatar>
                             <Avatar>&nbsp;</Avatar>