i am not getting whatsapp, telegram icon in react-share-social npm

Asked Mar 10 '23 at 09:25

Active Mar 10 '23 at 09:40

Viewed 173 times

I am building an application in which we can share post on social media too. I am using react-share-social. "facebook", "twitter", "linkedin" and a few icons are displaying but "whatsapp" and "telegram" icons are not displaying on web page. I tried just same as npm react-share-social documentation.

<div style={{ marginTop: "-20px", marginBottom: "15px" }}>
  <ShareSocial
    url={process.browser && window.location.href}
    socialTypes={[
      "facebook",
      "whatsapp",
      "twitter",
      "linkedin",
      "pinterest",
      "instapaper",
      "line",
      "viber",
      "Telegram",
      "mailru"
    ]}
    style={{
      height: "200px",
      // overflow: "hidden",
      background: "none",
    }}
  />
</div>

output is:

npm package: https://www.npmjs.com/package/react-share-social

edited Mar 10 '23 at 09:40

Drew Reese

165,259
14
153
181

asked Mar 10 '23 at 09:25

kartik Krishna sharma

Any errors/warnings in the browser console? Can you try lowercase telegram? – Kostas Minaidis Mar 10 '23 at 09:33
no there is no any warning – kartik Krishna sharma Mar 10 '23 at 09:34
yes i tried lowercase and uppercase camelcase etc all style but not displaying – kartik Krishna sharma Mar 10 '23 at 09:36
1

Try with just `socialTypes={[ "whatsapp", "Telegram"]}` and also try with another browser. – isAif Mar 10 '23 at 09:37
yes i have also tried just socialTypes={["whatsapp", "Telegram"]} but these are not displaying other icons are displaying properly – kartik Krishna sharma Mar 10 '23 at 09:42
1

There doesn't appear to be much to this library, perhaps file an issue in the repo? Are there any errors in the console or any dev tools? Have you inspected the DOM to see what *was* rendered there? – Drew Reese Mar 10 '23 at 09:42
Can you inspect the item and check if the element exists? – isAif Mar 10 '23 at 09:44
i am using whatsapp and telegram icon on my code editor but when i inspect they don't appear on dom and there is no any warning. – kartik Krishna sharma Mar 10 '23 at 09:46
can anyone suggest any other social share icon for react js application ? – kartik Krishna sharma Mar 10 '23 at 09:47
Stick to 'telegram' (lowercase) as the 'Telegram' throws an error. Also, I cannot reproduce your error. All works fine on my setup. – Kostas Minaidis Mar 10 '23 at 10:04

i am not getting whatsapp, telegram icon in react-share-social npm

0 Answers0