upgrade cra

package.json

@@ -76,7 +76,7 @@
     "react-i18next": "^11.3.3",
     "react-icons": "^4.1.0",
     "react-lottie-player": "^1.3.3",
-    "react-scripts": "^4.0.3",
+    "react-scripts": "5.0.0",
     "react-sortable-hoc": "^2.0.0",
     "react-sortablejs": "^6.0.0",
     "react-syntax-highlighter": "^15.4.3",

src/App.jsx

@@ -7,7 +7,6 @@ import { SideSheet, Button, Position, ForkIcon, DisableIcon, Select, ThemeProvid
 import { useStateWithHistory } from 'react-use/lib/useStateWithHistory';
 import useDebounceOld from 'react-use/lib/useDebounce'; // Want to phase out this
 import { useDebounce } from 'use-debounce';
-import filePathToUrl from 'file-url';
 import i18n from 'i18next';
 import { useTranslation } from 'react-i18next';
 import Mousetrap from 'mousetrap';
@@ -73,6 +72,7 @@ import loadingLottie from './7077-magic-flow.json';
 const isDev = window.require('electron-is-dev');
 const electron = window.require('electron'); // eslint-disable-line
 const { exists } = window.require('fs-extra');
+const filePathToUrl = window.require('file-url');
 const { extname, parse: parsePath, sep: pathSep, join: pathJoin, normalize: pathNormalize, basename, dirname } = window.require('path');
 
 const { dialog } = electron.remote;

src/SortableFiles.jsx

@@ -1,11 +1,12 @@
 import React, { memo, useState, useCallback, useEffect } from 'react';
 import { sortableContainer, sortableElement } from 'react-sortable-hoc';
-import { basename } from 'path';
 import { Pane, Checkbox, SortAlphabeticalIcon, SortAlphabeticalDescIcon, IconButton } from 'evergreen-ui';
 import { useTranslation } from 'react-i18next';
 import arrayMove from 'array-move';
 import orderBy from 'lodash/orderBy';
 
+const { basename } = window.require('path');
+
 const rowStyle = {
   padding: '3px 10px', fontSize: 14, margin: '7px 0', overflowY: 'auto', whiteSpace: 'nowrap', cursor: 'grab',
 };

src/edlFormats.js

@@ -1,7 +1,7 @@
 import fastXmlParser from 'fast-xml-parser';
 import i18n from 'i18next';
 
-import csvParse from 'csv-parse';
+import csvParse from 'csv-parse/lib/browser';
 import pify from 'pify';
 import sortBy from 'lodash/sortBy';
 

src/edlStore.js

@@ -1,4 +1,4 @@
-import csvStringify from 'csv-stringify';
+import csvStringify from 'csv-stringify/lib/browser';
 import pify from 'pify';
 import JSON5 from 'json5';
 import i18n from 'i18next';