Stack Overflow
Stack Overflow

Questions tagged [react-helmet]

react-helmet is a module for managing the DOM document head within React.

react-helmet is a module for managing the DOM document head within React.

252 questions
5
votes
1 answer

React Helmet TypeError: Cannot convert a Symbol value to a string

I'm trying to add Google Analytics to my site with the following react-helmet:
David Ferris
  • 2,215
  • 6
  • 28
  • 53
5
votes
1 answer

share image on social network using react.js react-share

I am trying to share images and video on social media ( mostly FB,twitter,linkedIn )in reactjs app , have added react-helmet for the same but still unable to share image below is the link which i am referring and my…
user4582995
  • 123
  • 2
  • 13
5
votes
1 answer

How and where to access html body in gatsby

I am having issue of large white spaces appearing on the right and the bottom of the web page. When testing for responsiveness of the web page. I found a similar issues on stackoverflow White space showing up on right side of page when background…
Santhosh Dhaipule Chandrakanth
  • 1,134
  • 12
  • 26
5
votes
1 answer

React Helmet SEO

I am using React Helmet in my React Application (CRA) to boost up my SEO. The App does not use SSR! I want to keep the client side rendering. My current set up is as follows: removed from index.html removed …
Martin Seubert
  • 978
  • 3
  • 21
  • 37
5
votes
1 answer

How setup react-helmet with Server Side Rendering?

I've been trying to setup react-helmet with server-side-rendering. I followed the docs and some blog posts on how to setup react-helmet with SSR, but have been unable to produce the desired results. Here's a code snippet of how I'm rendering the…
Ghouse Mohamed
  • 387
  • 4
  • 10
5
votes
2 answers

React facebook share not working on open graph meta tags with server side rendering

I have tried to share images on facebook with React. I have dynamically added og:image tags using react-helmet npm and also pre-rendered the build using react-snapshot. while view the source the og:image URL's are present but when I try to share the…
esakki
  • 153
  • 1
  • 9
5
votes
2 answers

OG tags not working with react-helmet and Netlify

I cannot for the life of me figure this out. The following site is hosted on Netlify and prerendering is enabled. When inspecting the page, all of the OG tags are correct. These tags are injected using…
Simpleton
  • 6,285
  • 11
  • 53
  • 87
5
votes
1 answer

Delaying react component load until helmet head script loads

I have a react component that relies on the google maps js api. This is imported in the head of the App.js page with a script tag. When I try to load the page containing this component, it fails, claiming that the script is not loaded. If, however,…
Alex
  • 2,270
  • 3
  • 33
  • 65
5
votes
1 answer

React SPA - GTM Analytics React-Helmet Previous Page Title

I am using Google Tag Manager to push pageview events to the datalayer for Analytics tracking. This is happening in componentDidMount() (and sometimes componentWillReceiveProps() if I am listening for query string parameter changes with the location…
Matthew Rideout
  • 7,330
  • 2
  • 42
  • 61
5
votes
1 answer

check if stylesheet is loaded then render elements

I'm developing universal react application using react, redux, react-router and react-helmet. Each page in my application has seperated stylesheet. When routes change in client side, at first, the elements have no style yet. and for a few…
Sepehr
  • 314
  • 5
  • 21
4
votes
1 answer

React Helmet Async is not updating the meta description

I'm attempting to use React Helmet async to change the title and meta tag of a React app's client-side rendering at runtime. I can change the title, but not the meta tag. My code on index.html is my title
Ganesh Lamichhane
  • 181
  • 1
  • 9
4
votes
0 answers

Jest/React-testing-library not supporting React Helmet

I am writing test case to test my homepage but jest giving error while compiling the code and breaks at helmet tag. I searched and found out that I should replace react-helmet with react-helmet-async and use HelmetProvider. Now I am stuck at below…
Infopedia
  • 376
  • 2
  • 14
4
votes
0 answers

Load my styles files inside React helmet, before the component styles load

In my applications app.js, I load bootstrap CSS inside my react helmet for some reason, but loads after components customs styles loads. So some of my overrides styles not working. how can i load react-helmet CSS before the components?. Please help…
Praveen Kumar
  • 161
  • 1
  • 6
4
votes
5 answers

How to dynamically change the title of a website in react js (also in source code)?

I tried the react-helmet.I used React router and I want to change the title when route changes. With react-helmet I was able to change the title in the tab and console but sadly not in the source. I want to change the title in the source code also…
Subreena
  • 158
  • 1
  • 1
  • 10
4
votes
1 answer

Using renderToNodeStream with react-helmet

I am currently creating a website and have been looking to start using renderToNodeStream to increase the performance of the server side rendering instead of using renderToString. At the moment I am using renderToString and then using…
Phil
  • 1,610
  • 4
  • 26
  • 40
1
2
3
…
16 17