Error when meta content includes quote about react-head HOT 10 CLOSED

We already use data-rh by the way

from react-head.

This is now fixed with the latest v3.0.0 release. Please feel free to open a new issue if there's still any problems.

from react-head.

My workaround:

import {createElement} from 'react';
import {HeadTag, Meta} from 'react-head';

const HeadTagSsrOnly = HeadTag;

// remove all client refresh actions.
HeadTagSsrOnly.prototype.componentDidMount = () => {
  // nothing
};

HeadTagSsrOnly.prototype.componentWillUnmount = () => {
  // nothing
};

export { HeadTagSsrOnly};

Only for MPA without front-ending routing

from react-head.

@tizmagik Seems like there is something wrong with selector builder

from react-head.

Yea, this is the same issue as #16 -- I think we just need to escape the selector

from react-head.

Using content as query isn't quite smart( content can be various and very long)
Maybe react's key mechanism is a good solution
Require key when insert head tags and using it to manipulate dom then

from react-head.

We need some kind of deterministic key that we are aware of/control on both server and client side — open to suggestions!

Edit: Hm, actually maybe we only need to know that react-head places the tags, so maybe we don’t need such a deterministic key?

from react-head.

Seems buildSelector is used to remove SSR tags only,
Maybe just tagging SSR tags for all (like add a "ssr" attribute to the html)
And at client just remove all tags with that attribute

Need to select a name that will not be used by others, like "__ssr__" (kind of python style)

from react-head.

So just delete all document.querySelectorAll('head [data-rh]') to remove SSR tags?

from react-head.

I think so, that should work. Would you be able to submit a PR and try it out?

from react-head.