Unable to get the GraphExample File details unable to undertand to

[decentralized-86]

act-dom.development.js:74 Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>.
    at a
    at a
    at LinkWithRef (http://localhost:3000/static/js/bundle.js:265458:7)
    at NavLinkWithRef (http://localhost:3000/static/js/bundle.js:265526:23)
    at div
    at nav
    at div
    at O2 (http://localhost:3000/static/js/bundle.js:290647:8)
    at section
    at O2 (http://localhost:3000/static/js/bundle.js:290647:8)
    at Hero (http://localhost:3000/static/js/bundle.js:312905:5)
    at section
    at ConnectWallet
    at ApolloProvider (http://localhost:3000/static/js/bundle.js:367106:19)
    at MoralisProvider (http://localhost:3000/static/js/bundle.js:263203:21)
    at div
    at App
    at Router (http://localhost:3000/static/js/bundle.js:267177:15)
    at BrowserRouter (http://localhost:3000/static/js/bundle.js:265364:5)

UNABLE TO GET THE DATA FROM THE GRAPHQL
My GraphExample.js

import { useQuery, gql } from "@apollo/client"
const GET_ACTIVE_ITEM = gql`
    {
        activeItems(first: 5, where: { buyer: "0x0000000000000000000000000000000000000000" }) {
            id
            nftcontractaddress
            seller
            buyer
            tokenId
            price
        }
    }
`
export default function Graphexample() {
    const { loading, error, data } = useQuery(GET_ACTIVE_ITEM)
    console.log("hello")
    console.log(data)
    return <div>hii</div>
}

MY APP.js

import { MoralisProvider } from "react-moralis"
import { NotificationProvider } from "web3uikit"
import { Dashboard } from "./component/Dashboard"
import { ConnectWallet } from "./component/Header"
import { Helmet } from "react-helmet"
import { ApolloProvider, ApolloClient, InMemoryCache } from "@apollo/client"

const client = new ApolloClient({
    cache: new InMemoryCache(),
    uri: "https://api.studio.thegraph.com/query/44701/nft-market-place/v0.0.5"
})

function App() {
    return (
        <div>
            <Helmet>
                <title>NFT MarketPlace</title>
                <meta name="description" content="NFT marketplace" />
                <link rel="icon" href="/public/favicon.ico" />
            </Helmet>
            <MoralisProvider initializeOnMount={false}>
                <ApolloProvider client={client}>
                    <NotificationProvider></NotificationProvider>
                    <ConnectWallet />
                </ApolloProvider>
            </MoralisProvider>
        </div>
    )
}

export default App

[alymurtazamemon]

@decentralized-86 it looks like an issue with the HTML tag somewhere you have missed/have done some kind of type.