Почему это не отображает мое отображение? Правильно ли произведен импорт?

Question

Вот код для Moralis, который я пытаюсь отобразить, только если имя пользователя совпадает с именем пользователя:

      function Redpit() {
    const { authenticate, isAuthenticated, user } = useMoralis();
    const [isActivated, setisActivated] = useState(false);
    const { Moralis, isInitialized } = useMoralis();
    const { data, error, isLoading } = useMoralisQuery("Posts");

    const results = JSON.stringify(data, null, 2)
    const finalResult = JSON.parse(results)

    const createPost = () => {
        setisActivated(true);
    }

    useEffect(async () => {
        const query = await new Moralis.Query("Posts");
        const posts = query.find();
    }, [])

return(

                                <div class="pit-post">

                                    <figure>

                                        <span><i class="fa fa-bolt"></i></span>

                                        <i class="fa fa-image"></i>

                                    </figure>

                                        {finalResult.map((result) => {

                                            {user.get("username") === result.author.username ? <Userpost /> : void(0)}                                  
                                        })}

)
}

Это код, который я пытаюсь отобразить:

      import { useMoralis, useMoralisQuery } from "react-moralis";

function Userpost() {

    const { data, error, isLoading } = useMoralisQuery("Posts");

    const results = JSON.stringify(data, null, 2)

    const finalResult = JSON.parse(results)

    return (

        <div>

            {finalResult.map((result) => {

                                            return <div class="central-meta item">

                                            <div class="pit-post">

                                                <figure>

                                                    <img src="images/resources/red-post2.jpg" alt="" />

                                                    <i class="fa fa-video"></i>

                                                </figure>

                                                <div class="pit-post-deta">

                                                    <h4><a href="social-post-detail.html" title="">{result.title}</a></h4>
</div>
                                        })}

        </div>

    )

}

export default Userpost

Я пытаюсь отобразить компонент только в том случае, если пользователь соответствует текущему пользователю, но он не отображает ожидаемый результат, потому что ничего не отображает. В коде нет ошибки, он просто ничего не отображает.