[clean up][xs]: removed unnecessary imports.

components/dataset/About.tsx

@@ -1,5 +1,4 @@
 import ErrorMessage from '../Error';
-import { NetworkStatus } from 'apollo-client';
 import { useQuery } from '@apollo/react-hooks';
 import gql from 'graphql-tag';
 
@@ -21,16 +20,13 @@ export const GET_DATAPACKAGE_QUERY = gql`
 `;
 
 export default function About({ variables }) {
-  const { loading, error, data, fetchMore, networkStatus } = useQuery(
+  const { loading, error, data } = useQuery(GET_DATAPACKAGE_QUERY, {
-    GET_DATAPACKAGE_QUERY,
-    {
     variables,
     // Setting this value to true will make the component rerender when
     // the "networkStatus" changes, so we are able to know if it is fetching
     // more data
     notifyOnNetworkStatusChange: true,
-    }
+  });
-  );
 
   if (error) return <ErrorMessage message="Error loading dataset." />;
   if (loading) return <div>Loading</div>;

components/dataset/Org.tsx

@@ -1,6 +1,5 @@
 import Link from 'next/link';
 import ErrorMessage from '../Error';
-import { NetworkStatus } from 'apollo-client';
 import { useQuery } from '@apollo/react-hooks';
 import gql from 'graphql-tag';
 
@@ -19,16 +18,13 @@ export const GET_ORG_QUERY = gql`
 `;
 
 export default function Org({ variables }) {
-  const { loading, error, data, fetchMore, networkStatus } = useQuery(
+  const { loading, error, data } = useQuery(GET_ORG_QUERY, {
-    GET_ORG_QUERY,
-    {
     variables,
     // Setting this value to true will make the component rerender when
     // the "networkStatus" changes, so we are able to know if it is fetching
     // more data
     notifyOnNetworkStatusChange: true,
-    }
+  });
-  );
 
   if (error) return <ErrorMessage message="Error loading dataset." />;
   if (loading) return <div>Loading</div>;

components/dataset/Resources.tsx

@@ -1,6 +1,5 @@
 import Link from 'next/link';
 import ErrorMessage from '../Error';
-import { NetworkStatus } from 'apollo-client';
 import { useQuery } from '@apollo/react-hooks';
 import gql from 'graphql-tag';
 
@@ -22,16 +21,13 @@ export const GET_DATAPACKAGE_QUERY = gql`
 `;
 
 export default function Resources({ variables }) {
-  const { loading, error, data, fetchMore, networkStatus } = useQuery(
+  const { loading, error, data } = useQuery(GET_DATAPACKAGE_QUERY, {
-    GET_DATAPACKAGE_QUERY,
-    {
     variables,
     // Setting this value to true will make the component rerender when
     // the "networkStatus" changes, so we are able to know if it is fetching
     // more data
     notifyOnNetworkStatusChange: true,
-    }
+  });
-  );
 
   if (error) return <ErrorMessage message="Error loading dataset." />;
   if (loading) return <div>Loading</div>;

components/resource/About.tsx

@@ -1,6 +1,5 @@
 import Link from 'next/link';
 import ErrorMessage from '../Error';
-import { NetworkStatus } from 'apollo-client';
 import { useQuery } from '@apollo/react-hooks';
 import gql from 'graphql-tag';
 

components/resource/DataExplorer.tsx

@@ -1,6 +1,5 @@
 import Link from 'next/link';
 import ErrorMessage from '../Error';
-import { NetworkStatus } from 'apollo-client';
 import { useQuery } from '@apollo/react-hooks';
 import gql from 'graphql-tag';
 

components/search/List.tsx

@@ -1,6 +1,5 @@
 import Item from './Item';
 import ErrorMessage from '../Error';
-import { NetworkStatus } from 'apollo-client';
 import { useQuery } from '@apollo/react-hooks';
 import gql from 'graphql-tag';
 
@@ -23,7 +22,7 @@ const QUERY = gql`
 `;
 
 export default function List({ variables }) {
-  const { loading, error, data, fetchMore, networkStatus } = useQuery(QUERY, {
+  const { loading, error, data } = useQuery(QUERY, {
     variables,
     // Setting this value to true will make the component rerender when
     // the "networkStatus" changes, so we are able to know if it is fetching

components/search/Total.tsx

@@ -1,3 +1,4 @@
+import ErrorMessage from '../Error';
 import { useQuery } from '@apollo/react-hooks';
 import gql from 'graphql-tag';
 
@@ -21,6 +22,7 @@ export default function Total({ variables }) {
     notifyOnNetworkStatusChange: true,
   });
 
+  if (error) return <ErrorMessage message="Error loading search results." />;
   if (loading) return <div>Loading</div>;
 
   const { result } = data.search;