SSR: Using example code in README, helmetContext.helmet has blank properies no matter what's defined

[j-rp]

When using a markup with

const App = <HelmetProvider context={helmetContext}>
                       etc. etc.
                    </HelmetProvider>

with a component that contains

<Helmet>
                <title>
                    My title
                </title>
                <meta
                    name="twitter:card"
                    content="See here"
                />
lots more properties
            </Helmet>

in it,

and after a

const myRenderedApp = renderToString(App);
console.log(JSON.stringify(helmetContext));

I get:

{"helmet":{"base":{},"bodyAttributes":{},"htmlAttributes":{},"link":{},"meta":{},"noscript":{},"script":{},"style":{},"title":{}}}

the component itself renders just fine (html produced, etc.) but with no discernable tags set from Helmet.

I was kind of expecting both the meta tags and the title to be filled out there.

[hAppywAy]

same here. Did you find any solution?

[hAppywAy]

same here. Did you find any solution?

Finally I've understood my issue. In Helmet component, direct child was a fragment and not any meta tags. Once I ve removed it this was working.

[sanpanthera]

@hAppywAy Is your application SSR based? If yes can you please confirm all meta tags are appearing in page view source (not in inspect element developer tools)

[hAppywAy]

@sanpanthera yes it is

[j-rp]

@hAppywAy for what it’s worth, we moved to react-meta-tags, which worked well in SSR immediately and has the bonus of being actively maintained. :). I’m going to leave this issue open so that if anyone else is wrestling with helmet’s SSR that they can also be pointed to a good alternative.