First response receives no posts, even though a post is created

I have the following

useEffect

useEffect

function, that gets triggered whenever

data

data

changes.

    const { isSuccess, data } = queryPosts();

    useEffect(() => {
        if (!isSuccess || !data.data) return;

        const validData = postSchema.safeParse(data.data);

        if (!validData.success) return;

        if (!validData.data.length) {
            displayCreatePostModal(true);
            return;
        }

        setPosts(validData.data);
    }, [data]);

    const { isSuccess, data } = queryPosts();

    useEffect(() => {
        if (!isSuccess || !data.data) return;

        const validData = postSchema.safeParse(data.data);

        if (!validData.success) return;

        if (!validData.data.length) {
            displayCreatePostModal(true);
            return;
        }

        setPosts(validData.data);
    }, [data]);

data

data

does not contain any posts (

!validData.data.length

!validData.data.length

), a modal pops up asking the user to create his first post.

However, when you create your first post, and you navigate back to the page that contains above code, the modal pops up 1 more time before it hides forever.

It seems like after creating the first post, the query data still seems to be empty for a few milliseconds before the posts get loaded into

data

data

.

Any ideas why this is happening?

TanStack•3y ago•

1 reply

ordinary-sapphire

First response receives no posts, even though a post is created

I have the following

useEffect

useEffect

function, that gets triggered whenever

data

data

changes.

    const { isSuccess, data } = queryPosts();

    useEffect(() => {
        if (!isSuccess || !data.data) return;

        const validData = postSchema.safeParse(data.data);

        if (!validData.success) return;

        if (!validData.data.length) {
            displayCreatePostModal(true);
            return;
        }

        setPosts(validData.data);
    }, [data]);

    const { isSuccess, data } = queryPosts();

    useEffect(() => {
        if (!isSuccess || !data.data) return;

        const validData = postSchema.safeParse(data.data);

        if (!validData.success) return;

        if (!validData.data.length) {
            displayCreatePostModal(true);
            return;
        }

        setPosts(validData.data);
    }, [data]);

data

data

does not contain any posts (

!validData.data.length

!validData.data.length

data

data

.

Any ideas why this is happening?

First response receives no posts, even though a post is created

Similar Threads

First response receives no posts, even though a post is created

Similar Threads

Similar Threads

Similar Threads