You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
import{ConsistentSuspenseProvider}from'@lomray/consistent-suspense';import{MetaManagerProvider,Manager,Meta}from'@lomray/react-head-manager';constmanager=newManager();/** * Root component container */constApp=({ children })=>{const[state]=useState();return(<ConsistentSuspenseProvider>{/** required, see warning above **/}<MetaManagerProvidermanager={manager}><MyComponent/></MetaManagerProvider></ConsistentSuspenseProvider>)}/** * Some component */constMyComponent=()=>{return(<><Meta><title>Example</title><metaname="description"content="Description example"/><metaname="keywords"content="test,key"/><bodydata-id="test"/></Meta><div>Somecomponent....</div></>)}
Change tags order:
/** * Way 1 */constmanager=newManager();manager.setTagsDefinitions({title: 1,// change order for title tag"meta[name='viewport']": 2,// change order for meta viewport tagmeta: 100,// change for all meta tagsscript: 200,// change for all script tags});/** * Way 2 */<Meta><titledata-order={1}>Example</title><metadata-order={3}name="description"content="Description example"/><metadata-order={2}name="keywords"content="test,key"/></Meta>/** * You can also use both... */
