TypeError: fs.readdirSync no es una función al usar el registro Winston en React

Estoy desarrollando una aplicación en React (usando JavaScript) y quiero crear un archivo de registro utilizando el paquete Winston-react.
He seguido su tutorial desde aquí: https://github.com/afex-connect/winston-react#readme (obviamente adaptado a JavaScript)

Instalación

npm install winston-react

Uso
App.js:

import React from 'react';
import winston from 'winston';
import { WinstonProvider } from 'winston-react';

const logger = winston.createLogger({
  // ...
  transports: [
    // ...
    new winston.transports.Console()
  ]
});

const App = () => (
  <winstonprovider logger="{logger}">
    <div>
      tu increíble aplicación
    </div>
  </winstonprovider>
);

Usando hooks:

import React from 'react';
import { useWinstonLogger } from 'winston-logger';

const Component = () => {
  const logger = useWinstonLogger();

  React.useEffect(() => {
    logger.info('¡tu increíble información de registro!');
  });

  return (
    <div>
      tu increíble componente
    </div>
  );
};

Pero está generando este error:
TypeError: fs.readdirSync no es una función
Function.push../node_modules/pkginfo/lib/pkginfo.js.pkginfo.find
node_modules/pkginfo/lib/pkginfo.js:95
92 | dir = path.dirname(pmodule.filename);
93 | }
94 |

95 | var files = fs.readdirSync(dir);
| ^ 96 |
97 | if (~files.indexOf(‘package.json’)) {
98 | return path.join(dir, ‘package.json’);