Update eslint-plugin-shopify

Add a linting check to ensure we always use `<React.Fragment>` over `</>`
Remove deprecation notices that are no longer triggered (see
jsx-eslint/eslint-plugin-react#2069)

Author: BPScott

.eslintrc

@@ -31,6 +31,7 @@
     "import/no-named-as-default": "off",
     "react/button-has-type": "off",
     "react/no-array-index-key": "off",
+    "react/jsx-fragments": ["error", "element"],
     "shopify/jsx-no-complex-expressions": "off",
     "shopify/no-ancestor-directory-import": "error",
     "jsx-a11y/label-has-for": [

src/components/AppProvider/AppProvider.tsx

@@ -45,7 +45,6 @@ export default class AppProvider extends React.Component<Props> {
     }
   }
 
-  // eslint-disable-next-line react/no-deprecated
   componentWillReceiveProps({
     i18n,
     linkComponent,

src/components/Collapsible/Collapsible.tsx

@@ -68,7 +68,6 @@ export class Collapsible extends React.Component<CombinedProps, State> {
     };
   }
 
-  // eslint-disable-next-line react/no-deprecated
   componentWillReceiveProps({open: willOpen}: Props) {
     const {open} = this.props;
 

src/components/DropZone/components/FileUpload/FileUpload.tsx

@@ -68,12 +68,10 @@ export class FileUpload extends React.Component<CombinedProps, State> {
     }
   }
 
-  // eslint-disable-next-line react/no-deprecated
   componentWillReceiveProps(props: Props) {
     this.updateStateFromProps(props);
   }
 
-  // eslint-disable-next-line react/no-deprecated
   componentWillMount() {
     this.updateStateFromProps(this.props);
   }

src/components/OptionList/OptionList.tsx

@@ -73,7 +73,6 @@ export class OptionList extends React.Component<CombinedProps, State> {
 
   private id = this.props.id || getUniqueId();
 
-  // eslint-disable-next-line react/no-deprecated
   componentWillReceiveProps({
     options: nextOptions = [],
     sections: nextSections = [],

src/components/PositionedOverlay/PositionedOverlay.tsx

@@ -93,7 +93,6 @@ export default class PositionedOverlay extends React.PureComponent<
     }
   }
 
-  // eslint-disable-next-line react/no-deprecated
   componentWillReceiveProps() {
     this.handleMeasurement();
   }

src/components/ResourceList/ResourceList.tsx

@@ -299,7 +299,6 @@ export class ResourceList extends React.Component<CombinedProps, State> {
     };
   }
 
-  // eslint-disable-next-line react/no-deprecated
   componentWillReceiveProps(nextProps: Props) {
     const {selectedItems} = this.props;
 

src/components/Tabs/Tabs.tsx

@@ -49,7 +49,6 @@ export default class Tabs extends React.PureComponent<Props, State> {
     tabToFocus: -1,
   };
 
-  // eslint-disable-next-line react/no-deprecated
   componentWillReceiveProps(nextProps: Props) {
     const {selected} = this.props;
     const {disclosureWidth, tabWidths, containerWidth, tabToFocus} = this.state;

src/components/ThemeProvider/ThemeProvider.tsx

@@ -35,7 +35,6 @@ export default class ThemeProvider extends React.Component<Props> {
     this.colors = setColors(props.theme);
   }
 
-  // eslint-disable-next-line react/no-deprecated
   componentWillReceiveProps({theme}: Props) {
     if (isEqual(theme, this.props.theme)) {
       return;

src/utilities/react-compose.tsx

@@ -19,6 +19,7 @@ export default function compose<Props>(
     const Result = reactCompose(...wrappingFunctions)(
       OriginalComponent,
     ) as ReactComponent<ComposedProps>;
+    // eslint-disable-next-line react/display-name
     return React.forwardRef<Props>(
       (props: Props, ref: React.RefObject<any>) => {
         return (