ReferenceError: require is not defined in REACTJS

Question

I am using react with Typescript in my project. I have initially created my app using create-react-app. Now, I want to write some data to.json file but getting this error

ReferenceError: require is not defined

Code:

 let to = { tracks:[this.Array] }
        const fs = require('fs');
        let data = JSON.stringify(to, null, 2); 
        fs.writeFileSync('./file.json', data);

The file in which i have written this has .ts extension. I am new to react and typescript and have been but didn't find anything.

Answer 1

You have to use import statements instead of require .

Answer 2

In react you can use the import keyword to import functions, files.

Example: import fs from './fs';

This will import the default function export from the fs to let them use the functions fs.writeFileSync() etc.