function ClientConfig({ nonce }) {
  return (
    <script
      type="text/javascript"
      nonce={nonce}
      // eslint-disable-next-line react/no-danger
      dangerouslySetInnerHTML={{
        __html: `window.__CLIENT_CONFIG__=${serializedClientConfig}`,
      }}
    />
  );
}
A react component that generates a script tag that binds the allowed
values to the window so that config values can be read within the
browser.

They get bound to window.__CLIENT_CONFIG__