Lesson 15: useMoralisQuery() not returning any data #3005

TheWalKer-TW · 2022-10-01T10:39:06Z

TheWalKer-TW
Oct 1, 2022

Hi! I'm on lesson 15 and idk why the useMoralisQuery() function is returning an empty array instead of the activeItems I've got.
I add my code here:

import styles from "../styles/Home.module.css"
import { useMoralisQuery } from "react-moralis"

export default function Home() {
    const { data: listedNfts, isFetching: fetchingListedNfts } = useMoralisQuery(
        "ActiveItem",
        (query) => {
            query.limit(10).descending("tokenId")
        }
    )
    console.log(listedNfts)

    return (
        <div className={styles.container}>
            {fetchingListedNfts ? (
                <div>Loading...</div>
            ) : (
                listedNfts.map((nft) => {
                    console.log(nft.attributes)
                    const { price, nftAddress, tokenId, marketplaceAddress, seller } =
                        nft.attributes
                    return (
                        <div>
                            Price: {price}. nftAddress: {nftAddress}. tokenId: {tokenId}. seller:
                            {seller}
                        </div>
                    )
                })
            )}
        </div>
    )
}

This is my index.js.

And this is my _app.js:

import "../styles/globals.css"
import Head from "next/head"
import { MoralisProvider } from "react-moralis"
import Header from "../components/Header"

const APP_ID = process.env.NEXT_PUBLIC_APP_ID
const SERVER_URL = process.env.NEXT_PUBLIC_SERVER_URL

function MyApp({ Component, pageProps }) {
    return (
        <div>
            <Head>
                <title>NFT Marketplace Moralis</title>
                <meta name="description" content="NFT Marketplace Moralis" />
                <link rel="icon" href="/favicon.ico" />
            </Head>
            <MoralisProvider appId={APP_ID} serverUrl={SERVER_URL}>
                <Header />
                <Component {...pageProps} />
            </MoralisProvider>
        </div>
    )
}

export default MyApp

In my .env it is like this:

NEXT_PUBLIC_APP_ID=C8Id .... ZAhF
NEXT_PUBLIC_SERVER_URL=https://y .... y.usemoralis.com:2053/server

TheWalKer-TW · 2022-10-01T10:44:26Z

TheWalKer-TW
Oct 1, 2022
Author

Update: Idk why if I change the code from:

const { data: listedNfts, isFetching: fetchingListedNfts } = useMoralisQuery(
        "ActiveItem",
        (query) => {
            query.limit(10).descending("tokenId")
        }
    )
    console.log(listedNfts)

To:

const { data: listedNfts, isFetching: fetchingListedNfts } = useMoralisQuery(
        // TableName
        // Function for the query
        "ActiveItem",
        (query) => query.limit(10).descending("tokenId")
    )
    console.log(listedNfts)

It works. Idk why this would happen

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Lesson 15: useMoralisQuery() not returning any data #3005

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Lesson 15: useMoralisQuery() not returning any data #3005

Uh oh!

TheWalKer-TW Oct 1, 2022

Replies: 1 comment

Uh oh!

TheWalKer-TW Oct 1, 2022 Author

TheWalKer-TW
Oct 1, 2022

TheWalKer-TW
Oct 1, 2022
Author