Why would my build files have no content, meta tags, etc? #10900
-
|
I've been building a Docusaurus site for some time, and only recently realised that when I run This can be easily identified by viewing the page source of a compiled page in the browser. I've compared this against the Docusaurus website, and a vanilla installation, and both of them are correctly rendering the content in the build files. Does anyone know where I should look to find out why this is happening? |
Beta Was this translation helpful? Give feedback.
Answered by
robbieaverill
Feb 5, 2025
Replies: 3 comments
-
|
Please provide a repro. Or at least a concrete example like the exact html output you get. Also how do you get this html, by opening the file directly or through a web server (and which one). We can't help with vague information. Most likely your web server is not configured correctly. |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
Here's the concrete example of the exact HTML output we get. This was obtained by "view source" on the web page in the browser, or by opening the <!doctype html>
<html data-has-hydrated="false">
<head>
<meta charset="UTF-8">
<meta name="generator" content="Docusaurus v3.6.3">
<title data-rh="true"></title><link rel="search" type="application/opensearchdescription+xml" title="My Docusaurus site" href="/opensearch.xml">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira Mono">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira Mono:300,400,500,600" crossorigin="anonymous">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&amp;display=swap" crossorigin="anonymous">
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<meta http-equiv="Content-Security-Policy" content="[redacted]">
<link rel="stylesheet" href="/katex/katex.min.css"><link rel="stylesheet" href="/assets/css/styles.a1fc5323.css">
<script src="/assets/js/runtime~main.97b676eb.js" defer="defer"></script>
<script src="/assets/js/main.91b678aa.js" defer="defer"></script>
</head>
<body>
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const n=new URLSearchParams(window.location.search).entries();for(var[t,e]of n)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><style data-emotion="mui-global jwvgnf">:root{--mui-shape-borderRadius:4px;--mui-shadows-0:none;--mui-shadows-1:0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);--mui-shadows-2:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);--mui-shadows-3:0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);--mui-shadows-4:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);--mui-shadows-5:0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);--mui-shadows-6:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);--mui-shadows-7:0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);--mui-shadows-8:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);--mui-shadows-9:0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);--mui-shadows-10:0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);--mui-shadows-11:0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);--mui-shadows-12:0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);--mui-shadows-13:0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);--mui-shadows-14:0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);--mui-shadows-15:0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);--mui-shadows-16:0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);--mui-shadows-17:0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);--mui-shadows-18:0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);--mui-shadows-19:0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);--mui-shadows-20:0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);--mui-shadows-21:0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);--mui-shadows-22:0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);--mui-shadows-23:0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);--mui-shadows-24:0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);--mui-zIndex-mobileStepper:1000;--mui-zIndex-fab:1050;--mui-zIndex-speedDial:1050;--mui-zIndex-appBar:1100;--mui-zIndex-drawer:1200;--mui-zIndex-modal:1300;--mui-zIndex-snackbar:1400;--mui-zIndex-tooltip:1500;}</style><style data-emotion="mui-global vk9zpw">:root,[data-mui-color-scheme="light"]{--mui-palette-text-primary:rgba(0, 0, 0, 0.9);--mui-palette-text-disabled:rgba(0, 0, 0, 0.3);--mui-palette-text-_states-hover:rgba(2, 2, 3, 0.04);--mui-palette-text-_states-selected:rgba(2, 2, 3, 0.08);--mui-palette-text-_states-focus:rgba(2, 2, 3, 0.12);--mui-palette-text-_states-focusVisible:rgba(2, 2, 3, 0.3);--mui-palette-text-secondary:rgba(0, 0, 0, 0.6);--mui-palette-text-primaryChannel:0 0 0;--mui-palette-text-secondaryChannel:0 0 0;--mui-palette-primary-main:#2E77B7;--mui-palette-primary-dark:#265794;--mui-palette-primary-light:#3288CB;--mui-palette-primary-_states-hover:rgba(59, 169, 239, 0.04);--mui-palette-primary-_states-selected:rgba(59, 169, 239, 0.08);--mui-palette-primary-_states-focus:rgba(59, 169, 239, 0.12);--mui-palette-primary-_states-focusVisible:rgba(59, 169, 239, 0.3);--mui-palette-primary-_states-outlinedBorder:rgba(59, 169, 239, 0.5);--mui-palette-primary-contrast:#FFFFFF;--mui-palette-primary-contrastText:#fff;--mui-palette-primary-mainChannel:46 119 183;--mui-palette-primary-lightChannel:50 136 203;--mui-palette-primary-darkChannel:38 87 148;--mui-palette-primary-contrastTextChannel:255 255 255;--mui-palette-_components-navDrawer-navBackground:#0F172A;--mui-palette-_components-navDrawer-navActive:rgba(46, 119, 183, 0.4);--mui-palette-_components-avatar-fill:#696F7E;--mui-palette-_components-input-standard-enabledBorder:rgba(2, 2, 3, 0.42);--mui-palette-_components-input-standard-hoverBorder:#020203;--mui-palette-_components-input-filled-enabledFill:rgba(2, 2, 3, 0.06);--mui-palette-_components-input-filled-hoverFill:rgba(2, 2, 3, 0.09);--mui-palette-_components-input-outlined-enabledBorder:rgba(2, 2, 3, 0.23);--mui-palette-_components-input-outlined-hoverBorder:#020203;--mui-palette-_components-switch-knobFillEnabled:#FBFBFC;--mui-palette-_components-switch-slideFill:#020303;--mui-palette-_components-switch-knowFillDisabled:#F5F5F6;--mui-palette-_components-rating-enabledBorder:rgba(2, 2, 3, 0.23);--mui-palette-_components-rating-activeFill:#FFA000;--mui-palette-_components-snackbar-fill:#1D1F23;--mui-palette-_components-chip-defaultCloseFill:#020203;--mui-palette-_components-chip-defaultHoverFill:rgba(2, 2, 3, 0.04);--mui-palette-_components-chip-defaultEnabledBorder:#B6BAC2;--mui-palette-_components-chip-defaultFocusFill:rgba(2, 2, 3, 0.12);--mui-palette-_components-tooltip-fill:rgba(87, 94, 104, 0.9);--mui-palette-_components-backdrop-fill:rgba(2, 2, 3, 0.5);--mui-palette-_components-appBar-defaultFill:#FBFBFC;--mui-palette-_components-breadcrumbs-collapseFill:#F5F5F6;--mui-palette-_components-alert-error-color:rgba(0, 0, 0, 0.9);--mui-palette-_components-alert-error-background:#FEEBEE;--mui-palette-_components-alert-warning-color:rgba(0, 0, 0, 0.9);--mui-palette-_components-alert-warning-background:#FFECB3;--mui-palette-_components-alert-info-color:rgba(0, 0, 0, 0.9);--mui-palette-_components-alert-info-background:#E4E9F0;--mui-palette-_components-alert-success-color:rgba(0, 0, 0, 0.9);--mui-palette-_components-alert-success-background:#E4F2ED;--mui-palette-_components-stepper-connector:#DCDEE2;--mui-palette-secondary-main:#3B3F47;--mui-palette-secondary-dark:#1D1F23;--mui-palette-secondary-light:#575E68;--mui-palette-secondary-_states-hover:rgba(29, 31, 35, 0.04);--mui-palette-secondary-_states-selected:rgba(29, 31, 35, 0.08);--mui-palette-secondary-_states-focus:rgba(29, 31, 35, 0.12);--mui-palette-secondary-_states-focusVisible:rgba(29, 31, 35, 0.3);--mui-palette-secondary-_states-outlinedBorder:rgba(29, 31, 35, 0.5);--mui-palette-secondary-contrast:#FFFFFF;--mui-palette-secondary-contrastText:#fff;--mui-palette-secondary-mainChannel:59 63 71;--mui-palette-secondary-lightChannel:87 94 104;--mui-palette-secondary-darkChannel:29 31 35;--mui-palette-secondary-contrastTextChannel:255 255 255;--mui-palette-action-active:rgba(2, 2, 3, 0.56);--mui-palette-action-hover:rgba(2, 2, 3, 0.04);--mui-palette-action-selected:rgba(2, 2, 3, 0.08);--mui-palette-action-focus:rgba(2, 2, 3, 0.12);--mui-palette-action-disabled:rgba(2, 2, 3, 0.38);--mui-palette-action-disabledBackground:rgba(2, 2, 3, 0.12);--mui-palette-action-hoverOpacity:0.04;--mui-palette-action-selectedOpacity:0.08;--mui-palette-action-disabledOpacity:0.38;--mui-palette-action-focusOpacity:0.12;--mui-palette-action-activatedOpacity:0.12;--mui-palette-action-activeChannel:2 2 3;--mui-palette-action-selectedChannel:2 2 3;--mui-palette-error-light:#E53935;--mui-palette-error-main:#D32F2F;--mui-palette-error-dark:rgb(147, 32, 32);--mui-palette-error-contrastText:#fff;--mui-palette-error-mainChannel:211 47 47;--mui-palette-error-lightChannel:229 57 53;--mui-palette-error-darkChannel:147 32 32;--mui-palette-error-contrastTextChannel:255 255 255;--mui-palette-warning-main:#FFB300;--mui-palette-warning-dark:#FFA000;--mui-palette-warning-light:#FFC107;--mui-palette-warning-contrast:rgba(0, 0, 0, 0.87);--mui-palette-warning-_states-hover:rgba(255, 160, 0, 0.04);--mui-palette-warning-_states-selected:rgba(255, 160, 0, 0.08);--mui-palette-warning-_states-focusVisible:rgba(255, 160, 0, 0.3);--mui-palette-warning-_states-outlinedBorder:rgba(255, 160, 0, 0.5);--mui-palette-warning-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-warning-mainChannel:255 179 0;--mui-palette-warning-lightChannel:255 193 7;--mui-palette-warning-darkChannel:255 160 0;--mui-palette-warning-contrastTextChannel:0 0 0;--mui-palette-info-main:#00417C;--mui-palette-info-dark:#003872;--mui-palette-info-light:#004B87;--mui-palette-info-_states-hover:rgba(97, 131, 168, 0.04);--mui-palette-info-_states-selected:rgba(97, 131, 168, 0.08);--mui-palette-info-_states-focusVisible:rgba(97, 131, 168, 0.3);--mui-palette-info-_states-outlinedBorder:rgba(97, 131, 168, 0.5);--mui-palette-info-contrast:#FFFFFF;--mui-palette-info-contrastText:#fff;--mui-palette-info-mainChannel:0 65 124;--mui-palette-info-lightChannel:0 75 135;--mui-palette-info-darkChannel:0 56 114;--mui-palette-info-contrastTextChannel:255 255 255;--mui-palette-success-main:#477B5E;--mui-palette-success-dark:#3F6B51;--mui-palette-success-light:#477B5E;--mui-palette-success-_states-hover:rgba(97, 168, 135, 0.04);--mui-palette-success-_states-selected:rgba(97, 168, 135, 0.08);--mui-palette-success-_states-focusVisible:rgba(97, 168, 135, 0.3);--mui-palette-success-_states-outlinedBorder:rgba(97, 168, 135, 0.5);--mui-palette-success-contrast:#FFFFFF;--mui-palette-success-contrastText:#fff;--mui-palette-success-mainChannel:71 123 94;--mui-palette-success-lightChannel:71 123 94;--mui-palette-success-darkChannel:63 107 81;--mui-palette-success-contrastTextChannel:255 255 255;--mui-palette-common-white_states-main:#FFFFFF;--mui-palette-common-white_states-focusVisible:rgba(255, 255, 255, 0.3);--mui-palette-common-black:#000;--mui-palette-common-white:#fff;--mui-palette-common-background:#fff;--mui-palette-common-onBackground:#000;--mui-palette-common-backgroundChannel:255 255 255;--mui-palette-common-onBackgroundChannel:0 0 0;--mui-palette-grey-50:#fafafa;--mui-palette-grey-100:#f5f5f5;--mui-palette-grey-200:#eeeeee;--mui-palette-grey-300:#e0e0e0;--mui-palette-grey-400:#bdbdbd;--mui-palette-grey-500:#9e9e9e;--mui-palette-grey-600:#757575;--mui-palette-grey-700:#616161;--mui-palette-grey-800:#424242;--mui-palette-grey-900:#212121;--mui-palette-grey-A100:#f5f5f5;--mui-palette-grey-A200:#eeeeee;--mui-palette-grey-A400:#bdbdbd;--mui-palette-grey-A700:#616161;--mui-palette-divider:rgba(0, 0, 0, 0.12);--mui-palette-background-paper:#fff;--mui-palette-background-default:#fff;--mui-palette-background-defaultChannel:255 255 255;--mui-palette-Alert-errorColor:rgb(91, 22, 21);--mui-palette-Alert-infoColor:rgb(0, 30, 54);--mui-palette-Alert-successColor:rgb(28, 49, 37);--mui-palette-Alert-warningColor:rgb(102, 77, 2);--mui-palette-Alert-errorFilledBg:var(--mui-palette-error-main, #D32F2F);--mui-palette-Alert-infoFilledBg:var(--mui-palette-info-main, #00417C);--mui-palette-Alert-successFilledBg:var(--mui-palette-success-main, #477B5E);--mui-palette-Alert-warningFilledBg:var(--mui-palette-warning-main, #FFB300);--mui-palette-Alert-errorFilledColor:#fff;--mui-palette-Alert-infoFilledColor:#fff;--mui-palette-Alert-successFilledColor:#fff;--mui-palette-Alert-warningFilledColor:rgba(0, 0, 0, 0.87);--mui-palette-Alert-errorStandardBg:rgb(252, 235, 234);--mui-palette-Alert-infoStandardBg:rgb(229, 237, 243);--mui-palette-Alert-successStandardBg:rgb(236, 241, 238);--mui-palette-Alert-warningStandardBg:rgb(255, 248, 230);--mui-palette-Alert-errorIconColor:var(--mui-palette-error-main, #D32F2F);--mui-palette-Alert-infoIconColor:var(--mui-palette-info-main, #00417C);--mui-palette-Alert-successIconColor:var(--mui-palette-success-main, #477B5E);--mui-palette-Alert-warningIconColor:var(--mui-palette-warning-main, #FFB300);--mui-palette-AppBar-defaultBg:var(--mui-palette-grey-100, #f5f5f5);--mui-palette-Avatar-defaultBg:var(--mui-palette-grey-400, #bdbdbd);--mui-palette-Button-inheritContainedBg:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-Button-inheritContainedHoverBg:var(--mui-palette-grey-A100, #f5f5f5);--mui-palette-Chip-defaultBorder:var(--mui-palette-grey-400, #bdbdbd);--mui-palette-Chip-defaultAvatarColor:var(--mui-palette-grey-700, #616161);--mui-palette-Chip-defaultIconColor:var(--mui-palette-grey-700, #616161);--mui-palette-FilledInput-bg:rgba(0, 0, 0, 0.06);--mui-palette-FilledInput-hoverBg:rgba(0, 0, 0, 0.09);--mui-palette-FilledInput-disabledBg:rgba(0, 0, 0, 0.12);--mui-palette-LinearProgress-primaryBg:rgb(175, 203, 227);--mui-palette-LinearProgress-secondaryBg:rgb(180, 182, 185);--mui-palette-LinearProgress-errorBg:rgb(238, 175, 175);--mui-palette-LinearProgress-infoBg:rgb(158, 182, 205);--mui-palette-LinearProgress-successBg:rgb(185, 204, 193);--mui-palette-LinearProgress-warningBg:rgb(255, 226, 158);--mui-palette-Skeleton-bg:rgba(var(--mui-palette-text-primaryChannel, undefined) / 0.11);--mui-palette-Slider-primaryTrack:rgb(175, 203, 227);--mui-palette-Slider-secondaryTrack:rgb(180, 182, 185);--mui-palette-Slider-errorTrack:rgb(238, 175, 175);--mui-palette-Slider-infoTrack:rgb(158, 182, 205);--mui-palette-Slider-successTrack:rgb(185, 204, 193);--mui-palette-Slider-warningTrack:rgb(255, 226, 158);--mui-palette-SnackbarContent-bg:#fff;--mui-palette-SnackbarContent-color:rgba(0, 0, 0, 0.87);--mui-palette-SpeedDialAction-fabHoverBg:#fff;--mui-palette-StepConnector-border:var(--mui-palette-grey-400, #bdbdbd);--mui-palette-StepContent-border:var(--mui-palette-grey-400, #bdbdbd);--mui-palette-Switch-defaultColor:var(--mui-palette-common-white, #fff);--mui-palette-Switch-defaultDisabledColor:var(--mui-palette-grey-100, #f5f5f5);--mui-palette-Switch-primaryDisabledColor:rgb(175, 203, 227);--mui-palette-Switch-secondaryDisabledColor:rgb(180, 182, 185);--mui-palette-Switch-errorDisabledColor:rgb(238, 175, 175);--mui-palette-Switch-infoDisabledColor:rgb(158, 182, 205);--mui-palette-Switch-successDisabledColor:rgb(185, 204, 193);--mui-palette-Switch-warningDisabledColor:rgb(255, 226, 158);--mui-palette-TableCell-border:rgba(224, 224, 224, 1);--mui-palette-Tooltip-bg:rgba(97, 97, 97, 0.92);--mui-palette-dividerChannel:0 0 0;--mui-evo-colors-blue-900:#265C7F;--mui-evo-colors-blue-800:#317BA1;--mui-evo-colors-blue-700:#358CB4;--mui-evo-colors-blue-600:#3E9FC7;--mui-evo-colors-blue-500:#46ACD5;--mui-evo-colors-blue-400:#55B8D9;--mui-evo-colors-blue-300:#6AC5DE;--mui-evo-colors-blue-200:#8DD5E7;--mui-evo-colors-blue-100:#B8F6F0;--mui-evo-colors-blue-50:#E3F5F9;--mui-evo-colors-grey-900:#1D1F23;--mui-evo-colors-grey-800:#3B3F47;--mui-evo-colors-grey-700:#575E68;--mui-evo-colors-grey-600:#696F7E;--mui-evo-colors-grey-500:#9499A5;--mui-evo-colors-grey-400:#B6BAC2;--mui-evo-colors-grey-300:#DCDEE2;--mui-evo-colors-grey-200:#ECEDF0;--mui-evo-colors-grey-100:#F5F5F6;--mui-evo-colors-grey-50:#FBFBFC;--mui-opacity-inputPlaceholder:0.42;--mui-opacity-inputUnderline:0.42;--mui-opacity-switchTrackDisabled:0.12;--mui-opacity-switchTrack:0.38;}</style><style data-emotion="mui-global 1c01oed">[data-mui-color-scheme="dark"]{--mui-palette-text-primary:rgba(255, 255, 255, 0.84);--mui-palette-text-secondary:rgba(255, 255, 255, 0.56);--mui-palette-text-disabled:rgba(255, 255, 255, 0.28);--mui-palette-text-_states-hover:rgba(250, 252, 255, 0.08);--mui-palette-text-_states-selected:rgba(250, 252, 255, 0.16);--mui-palette-text-_states-focus:rgba(250, 252, 255, 0.12);--mui-palette-text-_states-focusVisible:rgba(250, 252, 255, 0.3);--mui-palette-text-icon:rgba(255, 255, 255, 0.5);--mui-palette-text-primaryChannel:255 255 255;--mui-palette-text-secondaryChannel:255 255 255;--mui-palette-primary-main:#3BA9EF;--mui-palette-primary-dark:#379BE0;--mui-palette-primary-light:#47B6F2;--mui-palette-primary-_states-hover:rgba(59, 169, 239, 0.08);--mui-palette-primary-_states-selected:rgba(59, 169, 239, 0.16);--mui-palette-primary-_states-focus:rgba(59, 169, 239, 0.12);--mui-palette-primary-_states-focusVisible:rgba(59, 169, 239, 0.3);--mui-palette-primary-_states-outlinedBorder:rgba(59, 169, 239, 0.5);--mui-palette-primary-contrast:rgba(0, 0, 0, 0.87);--mui-palette-primary-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-primary-mainChannel:59 169 239;--mui-palette-primary-lightChannel:71 182 242;--mui-palette-primary-darkChannel:55 155 224;--mui-palette-primary-contrastTextChannel:0 0 0;--mui-palette-_components-navDrawer-navBackground:#202226;--mui-palette-_components-navDrawer-navActive:rgba(59, 169, 239, 0.3);--mui-palette-_components-avatar-fill:#9499A5;--mui-palette-_components-switch-knobFillEnabled:#DCDEE2;--mui-palette-_components-switch-knowFillDisabled:#1D1F23;--mui-palette-_components-rating-activeFill:#FFA000;--mui-palette-_components-chip-defaultEnabledBorder:#575E68;--mui-palette-_components-tooltip-fill:rgba(105, 111, 126, 0.9);--mui-palette-_components-breadcrumbs-collapseFill:#696F7E;--mui-palette-_components-alert-error-color:rgba(0, 0, 0, 0.9);--mui-palette-_components-alert-error-background:#340909;--mui-palette-_components-alert-warning-color:rgba(0, 0, 0, 0.9);--mui-palette-_components-alert-warning-background:#381C00;--mui-palette-_components-alert-info-color:rgba(0, 0, 0, 0.9);--mui-palette-_components-alert-info-background:#122136;--mui-palette-_components-alert-success-color:rgba(0, 0, 0, 0.9);--mui-palette-_components-alert-success-background:#1B2C21;--mui-palette-_components-stepper-connector:#696F7E;--mui-palette-secondary-main:#B6BAC2;--mui-palette-secondary-dark:#9499A5;--mui-palette-secondary-light:#DCDEE2;--mui-palette-secondary-_states-hover:rgba(92, 95, 99, 0.08);--mui-palette-secondary-_states-selected:rgba(92, 95, 99, 0.16);--mui-palette-secondary-_states-focus:rgba(92, 95, 99, 0.12);--mui-palette-secondary-_states-focusVisible:rgba(92, 95, 99, 0.3);--mui-palette-secondary-_states-outlinedBorder:rgba(92, 95, 99, 0.5);--mui-palette-secondary-contrast:rgba(0, 0, 0, 0.87);--mui-palette-secondary-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-secondary-mainChannel:182 186 194;--mui-palette-secondary-lightChannel:220 222 226;--mui-palette-secondary-darkChannel:148 153 165;--mui-palette-secondary-contrastTextChannel:0 0 0;--mui-palette-action-active:rgba(250, 252, 255, 0.56);--mui-palette-action-hover:rgba(250, 252, 255, 0.04);--mui-palette-action-selected:rgba(250, 252, 255, 0.08);--mui-palette-action-focus:rgba(250, 252, 255, 0.12);--mui-palette-action-disabled:rgba(250, 252, 255, 0.38);--mui-palette-action-disabledBackground:rgba(250, 252, 255, 0.12);--mui-palette-action-hoverOpacity:0.08;--mui-palette-action-selectedOpacity:0.16;--mui-palette-action-disabledOpacity:0.38;--mui-palette-action-focusOpacity:0.12;--mui-palette-action-activatedOpacity:0.24;--mui-palette-action-activeChannel:250 252 255;--mui-palette-action-selectedChannel:250 252 255;--mui-palette-error-main:#EF5350;--mui-palette-error-dark:#F44336;--mui-palette-error-contrast:rgba(0, 0, 0, 0.87);--mui-palette-error-_states-hover:rgba(198, 40, 40, 0.08);--mui-palette-error-_states-selected:rgba(198, 40, 40, 0.16);--mui-palette-error-_states-focusVisible:rgba(198, 40, 40, 0.3);--mui-palette-error-_states-outlinedBorder:rgba(198, 40, 40, 0.5);--mui-palette-error-light:rgb(242, 117, 115);--mui-palette-error-contrastText:#fff;--mui-palette-error-mainChannel:239 83 80;--mui-palette-error-lightChannel:242 117 115;--mui-palette-error-darkChannel:244 67 54;--mui-palette-error-contrastTextChannel:255 255 255;--mui-palette-warning-main:#FFA000;--mui-palette-warning-dark:#FF8F00;--mui-palette-warning-light:#FFB300;--mui-palette-warning-_states-hover:rgba(255, 160, 0, 0.08);--mui-palette-warning-_states-selected:rgba(255, 160, 0, 0.16);--mui-palette-warning-_states-focusVisible:rgba(255, 160, 0, 0.3);--mui-palette-warning-_states-outlinedBorder:rgba(255, 160, 0, 0.5);--mui-palette-warning-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-warning-mainChannel:255 160 0;--mui-palette-warning-lightChannel:255 179 0;--mui-palette-warning-darkChannel:255 143 0;--mui-palette-warning-contrastTextChannel:0 0 0;--mui-palette-info-main:#8DA6C1;--mui-palette-info-dark:#6183A8;--mui-palette-info-light:#BAC9DA;--mui-palette-info-_states-hover:rgba(141, 166, 193, 0.08);--mui-palette-info-_states-selected:rgba(141, 166, 193, 0.16);--mui-palette-info-_states-focusVisible:rgba(141, 166, 193, 0.3);--mui-palette-info-_states-outlinedBorder:rgba(141, 166, 193, 0.5);--mui-palette-info-contrast:rgba(0, 0, 0, 0.87);--mui-palette-info-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-info-mainChannel:141 166 193;--mui-palette-info-lightChannel:186 201 218;--mui-palette-info-darkChannel:97 131 168;--mui-palette-info-contrastTextChannel:0 0 0;--mui-palette-success-main:#61A887;--mui-palette-success-dark:#559876;--mui-palette-success-light:#75B89A;--mui-palette-success-_states-hover:rgba(97, 168, 135, 0.08);--mui-palette-success-_states-selected:rgba(97, 168, 135, 0.16);--mui-palette-success-_states-focusVisible:rgba(97, 168, 135, 0.3);--mui-palette-success-_states-outlinedBorder:rgba(97, 168, 135, 0.5);--mui-palette-success-contrast:rgba(0, 0, 0, 0.87);--mui-palette-success-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-success-mainChannel:97 168 135;--mui-palette-success-lightChannel:117 184 154;--mui-palette-success-darkChannel:85 152 118;--mui-palette-success-contrastTextChannel:0 0 0;--mui-palette-background-default:#101114;--mui-palette-background-paper-elevation-0:#101114;--mui-palette-background-paper-elevation-1:#1B1D21;--mui-palette-background-paper-elevation-2:#202226;--mui-palette-background-paper-elevation-3:#222428;--mui-palette-background-paper-elevation-4:#23262B;--mui-palette-background-paper-elevation-5:#26292E;--mui-palette-background-paper-elevation-6:#282B30;--mui-palette-background-paper-elevation-7:#282B30;--mui-palette-background-paper-elevation-8:#2A2D32;--mui-palette-background-paper-elevation-9:#2A2D32;--mui-palette-background-paper-elevation-10:#2D3035;--mui-palette-background-paper-elevation-11:#2D3035;--mui-palette-background-paper-elevation-12:#2E3138;--mui-palette-background-paper-elevation-13:#2E3138;--mui-palette-background-paper-elevation-14:#2E3138;--mui-palette-background-paper-elevation-15:#2E3138;--mui-palette-background-paper-elevation-16:#31343B;--mui-palette-background-paper-elevation-17:#31343B;--mui-palette-background-paper-elevation-18:#31343B;--mui-palette-background-paper-elevation-19:#31343B;--mui-palette-background-paper-elevation-20:#31343B;--mui-palette-background-paper-elevation-21:#33363D;--mui-palette-background-paper-elevation-22:#33363D;--mui-palette-background-paper-elevation-23:#33363D;--mui-palette-background-paper-elevation-24:#33363D;--mui-palette-background-paper:#121212;--mui-palette-background-defaultChannel:16 17 20;--mui-palette-common-white_states-main:#FFFFFF;--mui-palette-common-white_states-focusVisible:rgba(255, 255, 255, 0.3);--mui-palette-common-black:#000;--mui-palette-common-white:#fff;--mui-palette-common-background:#000;--mui-palette-common-onBackground:#fff;--mui-palette-common-backgroundChannel:0 0 0;--mui-palette-common-onBackgroundChannel:255 255 255;--mui-palette-grey-50:#fafafa;--mui-palette-grey-100:#f5f5f5;--mui-palette-grey-200:#eeeeee;--mui-palette-grey-300:#e0e0e0;--mui-palette-grey-400:#bdbdbd;--mui-palette-grey-500:#9e9e9e;--mui-palette-grey-600:#757575;--mui-palette-grey-700:#616161;--mui-palette-grey-800:#424242;--mui-palette-grey-900:#212121;--mui-palette-grey-A100:#f5f5f5;--mui-palette-grey-A200:#eeeeee;--mui-palette-grey-A400:#bdbdbd;--mui-palette-grey-A700:#616161;--mui-palette-divider:rgba(255, 255, 255, 0.12);--mui-palette-Alert-errorColor:rgb(249, 199, 199);--mui-palette-Alert-infoColor:rgb(227, 233, 240);--mui-palette-Alert-successColor:rgb(199, 226, 214);--mui-palette-Alert-warningColor:rgb(255, 224, 153);--mui-palette-Alert-errorFilledBg:var(--mui-palette-error-dark, #F44336);--mui-palette-Alert-infoFilledBg:var(--mui-palette-info-dark, #6183A8);--mui-palette-Alert-successFilledBg:var(--mui-palette-success-dark, #559876);--mui-palette-Alert-warningFilledBg:var(--mui-palette-warning-dark, #FF8F00);--mui-palette-Alert-errorFilledColor:#fff;--mui-palette-Alert-infoFilledColor:#fff;--mui-palette-Alert-successFilledColor:#fff;--mui-palette-Alert-warningFilledColor:rgba(0, 0, 0, 0.87);--mui-palette-Alert-errorStandardBg:rgb(24, 11, 11);--mui-palette-Alert-infoStandardBg:rgb(18, 20, 21);--mui-palette-Alert-successStandardBg:rgb(11, 18, 15);--mui-palette-Alert-warningStandardBg:rgb(25, 17, 0);--mui-palette-Alert-errorIconColor:var(--mui-palette-error-main, #EF5350);--mui-palette-Alert-infoIconColor:var(--mui-palette-info-main, #8DA6C1);--mui-palette-Alert-successIconColor:var(--mui-palette-success-main, #61A887);--mui-palette-Alert-warningIconColor:var(--mui-palette-warning-main, #FFA000);--mui-palette-AppBar-defaultBg:var(--mui-palette-grey-900, #212121);--mui-palette-AppBar-darkBg:var(--mui-palette-background-paper, #121212);--mui-palette-AppBar-darkColor:var(--mui-palette-text-primary, rgba(255, 255, 255, 0.84));--mui-palette-Avatar-defaultBg:var(--mui-palette-grey-600, #757575);--mui-palette-Button-inheritContainedBg:var(--mui-palette-grey-800, #424242);--mui-palette-Button-inheritContainedHoverBg:var(--mui-palette-grey-700, #616161);--mui-palette-Chip-defaultBorder:var(--mui-palette-grey-700, #616161);--mui-palette-Chip-defaultAvatarColor:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-Chip-defaultIconColor:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-FilledInput-bg:rgba(255, 255, 255, 0.09);--mui-palette-FilledInput-hoverBg:rgba(255, 255, 255, 0.13);--mui-palette-FilledInput-disabledBg:rgba(255, 255, 255, 0.12);--mui-palette-LinearProgress-primaryBg:rgb(29, 84, 119);--mui-palette-LinearProgress-secondaryBg:rgb(91, 93, 97);--mui-palette-LinearProgress-errorBg:rgb(119, 41, 40);--mui-palette-LinearProgress-infoBg:rgb(70, 83, 96);--mui-palette-LinearProgress-successBg:rgb(48, 84, 67);--mui-palette-LinearProgress-warningBg:rgb(127, 80, 0);--mui-palette-Skeleton-bg:rgba(var(--mui-palette-text-primaryChannel, undefined) / 0.13);--mui-palette-Slider-primaryTrack:rgb(29, 84, 119);--mui-palette-Slider-secondaryTrack:rgb(91, 93, 97);--mui-palette-Slider-errorTrack:rgb(119, 41, 40);--mui-palette-Slider-infoTrack:rgb(70, 83, 96);--mui-palette-Slider-successTrack:rgb(48, 84, 67);--mui-palette-Slider-warningTrack:rgb(127, 80, 0);--mui-palette-SnackbarContent-bg:#101114;--mui-palette-SnackbarContent-color:#fff;--mui-palette-SpeedDialAction-fabHoverBg:#121212;--mui-palette-StepConnector-border:var(--mui-palette-grey-600, #757575);--mui-palette-StepContent-border:var(--mui-palette-grey-600, #757575);--mui-palette-Switch-defaultColor:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-Switch-defaultDisabledColor:var(--mui-palette-grey-600, #757575);--mui-palette-Switch-primaryDisabledColor:rgb(26, 76, 107);--mui-palette-Switch-secondaryDisabledColor:rgb(81, 83, 87);--mui-palette-Switch-errorDisabledColor:rgb(107, 37, 36);--mui-palette-Switch-infoDisabledColor:rgb(63, 74, 86);--mui-palette-Switch-successDisabledColor:rgb(43, 75, 60);--mui-palette-Switch-warningDisabledColor:rgb(114, 72, 0);--mui-palette-TableCell-border:rgba(81, 81, 81, 1);--mui-palette-Tooltip-bg:rgba(97, 97, 97, 0.92);--mui-palette-dividerChannel:255 255 255;--mui-evo-colors-blue-900:#E3F5F9;--mui-evo-colors-blue-800:#B8F6F0;--mui-evo-colors-blue-700:#8DD5E7;--mui-evo-colors-blue-600:#6AC5DE;--mui-evo-colors-blue-500:#55B8D9;--mui-evo-colors-blue-400:#46ACD5;--mui-evo-colors-blue-300:#3E9FC7;--mui-evo-colors-blue-200:#358CB4;--mui-evo-colors-blue-100:#317BA1;--mui-evo-colors-blue-50:#265C7F;--mui-evo-colors-grey-900:#FBFBFC;--mui-evo-colors-grey-800:#F5F5F6;--mui-evo-colors-grey-700:#ECEDF0;--mui-evo-colors-grey-600:#DCDEE2;--mui-evo-colors-grey-500:#B6BAC2;--mui-evo-colors-grey-400:#9499A5;--mui-evo-colors-grey-300:#696F7E;--mui-evo-colors-grey-200:#575E68;--mui-evo-colors-grey-100:#3B3F47;--mui-evo-colors-grey-50:#1D1F23;--mui-opacity-inputPlaceholder:0.5;--mui-opacity-inputUnderline:0.7;--mui-opacity-switchTrackDisabled:0.2;--mui-opacity-switchTrack:0.3;--mui-overlays-1:linear-gradient(rgba(255 255 255 / 0.05), rgba(255 255 255 / 0.05));--mui-overlays-2:linear-gradient(rgba(255 255 255 / 0.07), rgba(255 255 255 / 0.07));--mui-overlays-3:linear-gradient(rgba(255 255 255 / 0.08), rgba(255 255 255 / 0.08));--mui-overlays-4:linear-gradient(rgba(255 255 255 / 0.09), rgba(255 255 255 / 0.09));--mui-overlays-5:linear-gradient(rgba(255 255 255 / 0.10), rgba(255 255 255 / 0.10));--mui-overlays-6:linear-gradient(rgba(255 255 255 / 0.11), rgba(255 255 255 / 0.11));--mui-overlays-7:linear-gradient(rgba(255 255 255 / 0.11), rgba(255 255 255 / 0.11));--mui-overlays-8:linear-gradient(rgba(255 255 255 / 0.12), rgba(255 255 255 / 0.12));--mui-overlays-9:linear-gradient(rgba(255 255 255 / 0.12), rgba(255 255 255 / 0.12));--mui-overlays-10:linear-gradient(rgba(255 255 255 / 0.13), rgba(255 255 255 / 0.13));--mui-overlays-11:linear-gradient(rgba(255 255 255 / 0.13), rgba(255 255 255 / 0.13));--mui-overlays-12:linear-gradient(rgba(255 255 255 / 0.14), rgba(255 255 255 / 0.14));--mui-overlays-13:linear-gradient(rgba(255 255 255 / 0.14), rgba(255 255 255 / 0.14));--mui-overlays-14:linear-gradient(rgba(255 255 255 / 0.14), rgba(255 255 255 / 0.14));--mui-overlays-15:linear-gradient(rgba(255 255 255 / 0.14), rgba(255 255 255 / 0.14));--mui-overlays-16:linear-gradient(rgba(255 255 255 / 0.15), rgba(255 255 255 / 0.15));--mui-overlays-17:linear-gradient(rgba(255 255 255 / 0.15), rgba(255 255 255 / 0.15));--mui-overlays-18:linear-gradient(rgba(255 255 255 / 0.15), rgba(255 255 255 / 0.15));--mui-overlays-19:linear-gradient(rgba(255 255 255 / 0.15), rgba(255 255 255 / 0.15));--mui-overlays-20:linear-gradient(rgba(255 255 255 / 0.16), rgba(255 255 255 / 0.16));--mui-overlays-21:linear-gradient(rgba(255 255 255 / 0.16), rgba(255 255 255 / 0.16));--mui-overlays-22:linear-gradient(rgba(255 255 255 / 0.16), rgba(255 255 255 / 0.16));--mui-overlays-23:linear-gradient(rgba(255 255 255 / 0.16), rgba(255 255 255 / 0.16));--mui-overlays-24:linear-gradient(rgba(255 255 255 / 0.16), rgba(255 255 255 / 0.16));}</style><span></span><style data-emotion="mui-global 25hi4m">html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-text-size-adjust:100%;}*,*::before,*::after{box-sizing:inherit;}strong,b{font-weight:700;}body{margin:0;color:var(--mui-palette-text-primary);font-family:Inter,Helvetica,Arial,sans-serif;font-weight:400;font-size:0.875rem;line-height:20px;background-color:var(--mui-palette-background-default);}@media print{body{background-color:var(--mui-palette-common-white);}}body::backdrop{background-color:var(--mui-palette-background-default);}div{scrollbar-width:thin!important;}div::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.3);border-radius:10px;--webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.0);}div::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.6);border-radius:10px;--webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}div::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, 0.9);}</style></div>
</body>
</html>Here's a rough idea of what our Docusaurus config looks like: import type * as Preset from '@docusaurus/preset-classic';
import type { Config } from '@docusaurus/types';
import type * as OpenApiPlugin from 'docusaurus-plugin-openapi-docs';
import { themes as prismThemes } from 'prism-react-renderer';
import rehypeKatex from 'rehype-katex';
import remarkMath from 'remark-math';
import { createApiPageMD } from './src/plugins/openapi/createApiPageMD';
import { createInfoPageMD } from './src/plugins/openapi/createInfoPageMD';
import { createDocItem } from './src/plugins/openapi/createDocItem';
import { createSchemaPageMD } from './src/plugins/openapi/createSchemaPageMD';
import apiSchemaShortcodes from './src/plugins/remark/api-schema-shortcodes';
import rehypeExternalLinks from 'rehype-external-links';
const markdownGenerators = {
createApiPageMD,
createInfoPageMD,
createSchemaPageMD,
};
const sidebarGenerators = {
createDocItem,
};
const config: Config = {
title: 'My Docusaurus site',
// Set the production url of your site here
url: 'https://mywebsite.com',
// Set the /<baseUrl>/ pathname under which your site is served
// For GitHub pages deployment, it is often '/<projectName>/'
baseUrl: '/',
// todo make this "throw" when we're productionising content
onBrokenLinks: 'log',
onBrokenMarkdownLinks: 'log',
onBrokenAnchors: 'log',
// Even if you don't use internationalization, you can use this field to set
// useful metadata like html lang. For example, if your site is Chinese, you
// may want to replace "en" with "zh-Hans".
i18n: {
defaultLocale: 'en',
locales: ['en'],
},
presets: [
[
'classic',
{
docs: {
sidebarPath: './sidebars.ts',
remarkPlugins: [
apiSchemaShortcodes,
// Enables math equation parsing: https://docusaurus.io/docs/markdown-features/math-equations
remarkMath,
],
rehypePlugins: [
[rehypeExternalLinks, { rel: 'nofollow noopener', target: '_blank' }],
rehypeKatex,
],
docItemComponent: '@theme/ApiItem', // Derived from docusaurus-theme-openapi
},
theme: {
customCss: './src/css/custom.css',
},
} satisfies Preset.Options,
],
],
plugins: [
[
'docusaurus-plugin-openapi-docs',
{
id: 'myApi', // plugin id
docsPluginId: 'classic', // configured for preset-classic
config: {
myApiSchema: {
specPath: 'api-schemas/my-api-schema.yaml',
outputDir: 'docs/my-api',
sidebarOptions: {
categoryLinkSource: 'tag',
groupPathsBy: 'tag',
sidebarGenerators,
},
markdownGenerators,
} satisfies OpenApiPlugin.Options,
},
},
],
],
themeConfig: {
// Replace with your project's social card
image: 'img/og-card.png',
navbar: {
style: 'dark',
title: 'My Docusaurus site',
logo: {
alt: 'My Docusaurus site',
// See customFields.logo for mobile
src: 'img/logo.svg',
srcDark: 'img/logo-dark.svg',
},
items: [
{
type: 'docSidebar',
sidebarId: 'guidesSidebar',
position: 'left',
label: 'Guides',
},
{
type: 'docSidebar',
sidebarId: 'apiSidebar',
position: 'left',
label: 'API Reference',
},
],
},
footer: {
logo: {
alt: 'Example',
src: 'img/logotype.svg',
srcDark: 'img/logotype-dark.svg',
href: 'https://google.com',
width: 145,
height: 16,
},
copyright: `© example`,
links: [
{
label: 'Example footer link',
href: 'https://www.google.com',
},
],
},
prism: {
theme: prismThemes.github,
darkTheme: prismThemes.dracula,
additionalLanguages: ['diff', 'json'],
},
algolia: {
appId: 'ABC123',
apiKey: 'API KEY HERE',
indexName: 'my index name',
contextualSearch: true,
searchPagePath: 'search',
insights: false,
//... other Algolia params
},
} satisfies Preset.ThemeConfig,
customFields: {
logo: {
srcMobile: 'img/icon-logo.svg',
srcMobileDark: 'img/icon-logo-dark.svg',
},
metaDescription:
'Hello world',
},
stylesheets: [
{
href: '/katex/katex.min.css',
type: 'text/css',
},
],
headTags: [
...['Fira Mono']
.map((font) => [
{
tagName: 'link',
attributes: {
rel: 'stylesheet',
type: 'text/css',
href: `https://fonts.googleapis.com/css?family=${font}`,
},
},
{
tagName: 'link',
attributes: {
rel: 'stylesheet',
href: `https://fonts.googleapis.com/css?family=${font}:300,400,500,600`,
crossorigin: 'anonymous',
},
},
])
.flat(),
{
tagName: 'link',
attributes: {
rel: 'stylesheet',
href: 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap',
crossorigin: 'anonymous',
},
},
{
tagName: 'link',
attributes: {
rel: 'icon',
href: '/favicon.ico',
sizes: '32x32',
},
},
{
tagName: 'link',
attributes: {
rel: 'icon',
href: '/icon.svg',
},
},
{
tagName: 'link',
attributes: {
rel: 'apple-touch-icon',
href: '/apple-touch-icon.png',
},
},
{
tagName: 'meta',
attributes: {
'http-equiv': 'Content-Security-Policy',
content: `[redacted]`,
},
},
],
};
export default config; |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
After some debugging, I found the issue. We have a HOC in the tree that does this: export default ({ children }) => {
const [loaded, setLoaded] = useState(false);
useEffect(() => {
setLoaded(true);
}, []);
return loaded ? children : null;
}It makes sense that the contents would be ignored before this HOC has re-rendered. The solution is ensuring that this component isn't part of the tree when running in the server-only context ( Sorry for wasting your time @slorber, but thank you for the reply. |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
robbieaverill
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
After some debugging, I found the issue. We have a HOC in the tree that does this:
It makes sense that the contents would be ignored before this HOC has re-rendered.
The solution is ensuring that this component isn't part of the tree when running in the server-only context (
<BrowserOnly />helps with this).Sorry for wasting your time @slorber, but thank you for the reply.