Open
Description
Hey 👋
We're using the configurable <head> content feature to link to our CSS builds and change the <meta> tags like so:
"x0": {
"title": "primer-react",
"cssLibrary": "styled-components",
"basename": "/",
"meta": [
{
"name": "og:title",
"content": "Primer React"
},
{
"name": "description",
"content": "Primer components built with React.js."
}
],
"links": [
{
"rel": "stylesheet",
"href": "https://unpkg.com/primer-buttons/build/build.css"
}
{... more links here}
]
}
This is working as expected locally, but the static builds contain two <head> tags, the correct one nested under a <div id='root'>. When deployed the second <head> tag gets stripped out and none of our styles appear.
Here's what the static build in the build folder's index.html looks like:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="generator" content="Compositor x0">
<title>primer-react</title>
<style>*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}</style>
</head>
<div id="root">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="generator" content="Compositor X0">
<link rel="stylesheet" href="https://unpkg.com/primer-buttons/build/build.css">
[... more links]
<meta name="og:title" content="Primer React">
<meta name="description" content="Primer components built with React.js.">
<style>[... some styles here]
</head>
Metadata
Metadata
Assignees
Labels
No labels