TypeError: fs.readdirSync is not a function when using Winston logger in React

[MadalenaPavao]

I am developing an application in React (using JavaScript) and I want to create a log file using the package Winston-react. I have followed their tutorial from here: https://github.com/afex-connect/winston-react#readme (obviously adapted to javascript)

Install

npm install winston-react

Usage 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>
      your awesome application
    </div>
  </WinstonProvider>
);

Using hooks:

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

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

  React.useEffect(() => {
    logger.info('your awesome information log!');
  });

  return (
    <div>
      your awesome component
    </div>
  );
};

But it is throwing this error: TypeError: fs.readdirSync is not a function

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');

[MadalenaPavao]

I managed to overcome this error by changing the import in the component:
From:

import { useWinstonLogger } from 'winston-logger';

To:

import { useWinstonLogger } from 'winston-react';

And this allowed me to log into the console. However when I add files in the transports, I get the following error, also connected to file system:

TypeError: fs.existsSync is not a function
File._createLogDirIfNotExist
node_modules/winston/dist/winston/transports/file.js:806
  803 | key: "_createLogDirIfNotExist",
  804 | value: function _createLogDirIfNotExist(dirPath) {
  805 |   /* eslint-disable no-sync */
> 806 |   if (!fs.existsSync(dirPath)) {
      | ^  807 |     fs.mkdirSync(dirPath, {
  808 |       recursive: true
  809 |     });