1

I saw this

enter link description here

and I add favicon like this

import path from 'path';
import React from 'react';

export default {
  Document: ({
    Html,
    Head,
    Body,
    children,
    state: { siteData, renderMeta },
  }) => (
    <Html lang="en-US">
      <Head>
        <meta charSet="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="shortcut icon" href="favicon.ico" />
        <link rel="icon" href="favicon.ico" />
      </Head>
      <Body>{children}</Body>
    </Html>
  ),
  plugins: [
    ...
  ],
}

but is not working

Perhaps the image is not working properly in A. I tried to put the image inside the <body> but it didn't come out properly.

minimin_bamm
  • 109
  • 10

1 Answers1

1

It's solved by building it.

I build it on the server using react-static-plugin-favicons plug-in.

 [
      'react-static-plugin-favicons',
      { 

        outputDir: path.join(__dirname, 'dist'),
        inputFile: path.resolve(__dirname, 'favicon.png') },
    ],

using netlify

minimin_bamm
  • 109
  • 10
  • This plugin did not work for me...however adding the file as `favicon.ico` to the `public` folder did per https://github.com/react-static/react-static/issues/1483 – Casey L Nov 17 '21 at 02:43