[Grid] Infer displayName (#18481)

Author: NMinhNguyen

packages/material-ui/src/Grid/Grid.js

@@ -199,7 +199,7 @@ export const styles = theme => ({
   }, {}),
 });
 
-const Grid = React.forwardRef((props, ref) => {
+const Grid = React.forwardRef(function Grid(props, ref) {
   const {
     alignContent = 'stretch',
     alignItems = 'stretch',
@@ -245,12 +245,6 @@ const Grid = React.forwardRef((props, ref) => {
   return <Component className={className} ref={ref} {...other} />;
 });
 
-if (process.env.NODE_ENV !== 'production') {
-  // can't use named function expression since the function body references `Grid`
-  // which would point to the render function instead of the actual component
-  Grid.displayName = 'ForwardRef(Grid)';
-}
-
 Grid.propTypes = {
   /**
    * Defines the `align-content` style property.