Show message in Browser Dev Tools Console when opened

console.js

/*
 * Taken from Material UI documentation:
 *    https://github.com/mui/material-ui-docs/blob/af5e109990a26318c96dbff6f25759ba91f0e147/docs/pages/_app.js#L112
 *
 * The `%c` directive in the text output of the `log()` instance method applies CSS to the text AFTER the directive
 *  See documentation section "Styling console output" at the following link
 *    https://developer.mozilla.org/en-US/docs/Web/API/console#outputting_text_to_the_console
 */

if (typeof window !== 'undefined' && process.env.NODE_ENV === 'production') {
  // eslint-disable-next-line no-console
  console.log(
    `%c
███╗   ███╗ ██╗   ██╗ ██████╗
████╗ ████║ ██║   ██║   ██╔═╝
██╔████╔██║ ██║   ██║   ██║
██║╚██╔╝██║ ██║   ██║   ██║
██║ ╚═╝ ██║ ╚██████╔╝ ██████╗
╚═╝     ╚═╝  ╚═════╝  ╚═════╝
Tip: you can access the documentation \`theme\` object directly in the console.
`,
    'font-family:monospace;color:#1976d2;font-size:12px;',
  );
}