Random quote machine shared link problem

Code Feedback
1

Hi! I just deployed my random quote machine project and I used “react-share” for sharing buttons. it works but when I shared my quote on facebook, this link doesn’t connect to my quote machine page.

this is my quote machine page https://poianakim.github.io/theofficequote/
and this is my github url
https://github.com/poianakim/theofficequote

            <TwitterShareButton
              onClick={onRandomIndexClick}
              url="https://poianakim.github.io/theofficequote/">
              <TwitterIcon className="share-btn" size={20} round={true} />
            </TwitterShareButton>
            <FacebookShareButton

              onClick={onRandomIndexClick}
              url="https://poianakim.github.io/theofficequote/"
              quote={quoteBoxString}>
              <FacebookIcon className="share-btn" size={20} round={true} />
            </FacebookShareButton>
            <WhatsappShareButton

              onClick={onRandomIndexClick}
              url="https://poianakim.github.io/theofficequote/"
              children={quoteBoxString}>
              <WhatsappIcon className="share-btn" size={20} round={true} />
            </WhatsappShareButton>

I already wrote

url={"url"}

inside share buttons tag however it didn’t work.

If you have alreadyd used “react-share” or if you have any clue what is going on please let me know, any advice will be appreciated. Thank you in advance!