駆け出しエンジニアのふわっとした理解を書く。 Node.jsのコアモジュールであるBuffer()をフロント側で使いたいときがあるらしい。参考の該当箇所（パフォーマンスチューニングを行う元して書かれたソースコードなので、ベストプラクティス的ではないのかもしれないが、初心者の私には判断つきません）
const imageSize = React.useMemo(() => {
return data !== null ? sizeOf(Buffer.from(data)) : null;
}, [data]);
解決策
解決策(といっても、元々のソースコードに書かれていたが)、下に記載する設定がないとブラウザから怒られてしまいます。
CoveredImage.jsx:22 Uncaught ReferenceError: Buffer is not defined
webpack.config.js に以下のように追記する。
plugins: [
new webpack.ProvidePlugin({
Buffer: ['buffer', 'Buffer'],
}),
]