Компонент Gatsby JS Index. js выдает ошибку Invalid Hook Call, я уверен, что мой код правильный (в основном)

Question

Итак, на компьютере моего друга c, использующем те же самые файлы sr c и тот же файл пакета. json, этот код работает отлично. Я попытался npm ls реагировать, и это показывает, что у меня действительно есть две ссылки, но npm дедуплицировал одну из них. Я также совершенно уверен, что мой звонок законен.

const IndexPage = () => {
    const { data, loading, error } = useQuery(CORONAVIRUS_QUERY)
    if (loading) return <span>loading...</span>
    if (error) return <p>{error.message}</p>

    return (
        <Layout>
            <SEO title='Home' />
            <h2>I've got the high ground, and now so do you</h2>
            <DataTable regionData={data} />
            <Link to='/about/'>About</Link>
        </Layout>
    )
}

export default IndexPage

пакет. json

{
    "name": "gatsby-starter-default",
    "private": true,
    "description": "A simple starter to get up and developing quickly with Gatsby",
    "version": "0.1.0",
    "author": "null pointer studios",
    "dependencies": {
        "@apollo/react-hooks": "^3.1.3",
        "apollo-boost": "^0.4.7",
        "es6-promise": "^4.2.8",
        "gatsby": "^2.19.45",
        "gatsby-image": "^2.2.44",
        "gatsby-plugin-manifest": "^2.2.48",
        "gatsby-plugin-offline": "^3.0.41",
        "gatsby-plugin-react-helmet": "^3.1.24",
        "gatsby-plugin-sharp": "^2.4.13",
        "gatsby-source-filesystem": "^2.1.56",
        "gatsby-transformer-sharp": "^2.3.19",
        "graphql": "^14.6.0",
        "isomorphic-fetch": "^2.2.1",
        "nivo": "^0.31.0",
        "prop-types": "^15.7.2",
        "react": "^16.12.0",
        "react-dom": "^16.12.0",
        "react-helmet": "^5.2.1",
        "react-materialize": "^3.5.9",
        "reactable": "^1.1.0"
    },
    "devDependencies": {
        "prettier": "^1.19.1"
    },
    "keywords": [
        "gatsby"
    ],
    "license": "MIT",
    "scripts": {
        "build": "gatsby build",
        "develop": "gatsby develop",
        "format": "prettier --write \"**/*.{js,jsx,json,md}\"",
        "start": "npm run develop",
        "serve": "gatsby serve",
        "clean": "gatsby clean",
        "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
    },
    "repository": {
        "type": "git",
        "url": "https://github.com/gatsbyjs/gatsby-starter-default"
    },
    "bugs": {
        "url": "https://github.com/gatsbyjs/gatsby/issues"
    },
    "prettier": {
        "singleQuote": true,
        "semi": false,
        "jsxSingleQuote": true,
        "bracketSpacing": true,
        "useTabs": true
    }
}

Полное сообщение об ошибке при запросе https://i.stack.imgur.com/L5WVm.png

РЕДАКТИРОВАТЬ: const [что-то, setsomething ] = useState (0) тоже не работает, так что, может быть, это мой код?