Rename JS to JSX with ESLint JSON output

rename-to-jsx.js

// Run eslint with the rule 'react/jsx-filename-extension' as 'error'
// eslint -o json > files.json

const fs = require('fs');
const json = require('./files.json')

console.log('run...', json.length);

json
  .filter(entry => entry.messages.length)
  .map(entry => {
    entry.rules = entry.messages.map(item => item.ruleId);
    return entry;
  })
  .filter(entry => entry.rules.includes('react/jsx-filename-extension'))
  .forEach((entry) => {
    fs.rename(entry.filePath, entry.filePath.replace('.js', '.jsx'), (err) => {
      if (err) throw err;
      console.log(entry.filePath);
      console.log(entry.filePath.replace('.js', '.jsx'));
    });
  });

Thanks @vishalvisd this worked great!
I've modified the grep part to grep -l "</\|/>" $0 such that files which only contain <Comp/> are matched as well.

@vishalvisd
I want to try your recommendation, but I have met "File not found - *.js"