Don’t import gql from @apollo/client.

See https://github.com/gajus/babel-plugin-graphql-tag/issues/41 .

app/.eslintrc.json

@@ -1,6 +1,12 @@
 {
   "extends": ["env"],
   "rules": {
-    "react/prop-types": "off"
+    "react/prop-types": "off",
+    "node/no-unpublished-import": [
+      "error",
+      {
+        "allowModules": ["graphql-tag"]
+      }
+    ]
   }
 }

app/components/UploadBlob.js

@@ -1,5 +1,6 @@
-import { gql, useApolloClient, useMutation } from '@apollo/client';
+import { useApolloClient, useMutation } from '@apollo/client';
 import { ButtonSubmit, Code, Fieldset, Textbox } from 'device-agnostic-ui';
+import gql from 'graphql-tag';
 import React from 'react';
 
 const SINGLE_UPLOAD_MUTATION = gql`

app/components/UploadFile.js

@@ -1,4 +1,5 @@
-import { gql, useApolloClient, useMutation } from '@apollo/client';
+import { useApolloClient, useMutation } from '@apollo/client';
+import gql from 'graphql-tag';
 
 const SINGLE_UPLOAD_MUTATION = gql`
   mutation singleUpload($file: Upload!) {

app/components/UploadFileList.js

@@ -1,4 +1,5 @@
-import { gql, useApolloClient, useMutation } from '@apollo/client';
+import { useApolloClient, useMutation } from '@apollo/client';
+import gql from 'graphql-tag';
 
 const MULTIPLE_UPLOAD_MUTATION = gql`
   mutation multipleUpload($files: [Upload!]!) {

app/components/Uploads.js

@@ -1,5 +1,6 @@
-import { gql, useQuery } from '@apollo/client';
+import { useQuery } from '@apollo/client';
 import { Scroll, Table } from 'device-agnostic-ui';
+import gql from 'graphql-tag';
 
 const UPLOADS_QUERY = gql`
   query uploads {

app/package.json

@@ -32,6 +32,7 @@
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.20.3",
     "eslint-plugin-react-hooks": "^4.0.8",
+    "graphql-tag": "^2.10.4",
     "prettier": "^2.0.5"
   },
   "scripts": {