react-share | Social media share buttons and share counts for React

I have a react app which generates images on the front end dynamically using Plotly.js. I'd like to add image sharing functionality. I am trying to use react-share for this. Social platforms require image URL for image sharing and do not support images in base64 encoding or alike. Backend was implemented so it can receive images in base64, store in the database and return URL to the image, which is then used for sharing with react-share.

As the image is generated dynamically (it changes each time user resizes the chart, for instance), everything should be done when user clicks on Share icon.

So after the user has clicked on the Share icon, the image generated on the front end should be saved to back end

My program (https://rohanweb.netlify.app) is sanity API driven. It has blog post so whenever I share particular blog(using react-share), It displays default meta description and image which is inside index.html file. I have used React Helmet for dynamic meta tags but is doesn't seem to be working. No matter what I share, It is displaying default meta and when I remove that from index.html file it displays nothing. I have checked from https://heymeta.com . Here is sample of code for :

I am trying to build react prod docker container with Azure DevOps pipelines. After I upgrade my build environment and code, Pipeline failed. After some research I add "--node-flags --max-old-space-size=8192" statement my build command. But it didn't matter. I also try tried relevant node containers for a build, it didn't work.

I'm having some issues setting up github actions to build my kotlinJS project? i have the js runtime dependency:

I just updated my Gatsby to v3. Right before that I had just updated gatsby-source-wordpress to v5 and everything was working with Gatsby v2.32.9

Now when doing gatsby develop, I get the following message :

Any idea how to resolve this error? I get it when trying npm install:

npm ERR! Found: react@16.14.0 npm ERR! node_modules/react npm ERR! react@"^16.14.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^17.0.1" from react-card-flip@1.1.0 npm ERR! node_modules/react-card-flip npm ERR! react-card-flip@"^1.0.11" from the root project

The package.json has: "react-card-flip": "^1.0.11",

I removed the node_modules directory and the package-lock.json file.

I'm not sure where the reference to 1.1.0 is coming from. I DID try to install it earlier when trying to upgrade React 17, but ran into limitations with blueprintjs/core 3.39.0 requiring React 16.14.0.

Thanks for any ideas or help you can provide.

Full content of the package.json below in case that helps.

package.json content:

I have a React Carousel with 4 images for example.

I am working on a simple Facebook quiz application to learn React and NextJs.

The issue I am facing is with Facebook tags, when I share the user results It shows the quiz question page meta tags Because Facebook crawler renders the html before I add the new meta tags(The meta tags with answers base on user's provided data). How can I add the new description to the meta tags. Because the description is only available after the user click find my results button.

I am using react-share and NextJs Head to add meta tags

So, if the ShareResult variable has data load the results page otherwise load the question page

I want to use social share button for nextjs project so I am use this package https://www.npmjs.com/package/react-share but not work very well for exapmle share cout for facebook and linkedin and twitter nothing to show and I want to show total share count which does not have this option How can I use https://donreach.com/social-share-count/ for nextjs project?