lint jsx file extension

.eslintrc.json

@@ -66,12 +66,15 @@
     "no-fallthrough": "error",
     "react/jsx-no-undef": "off",
     "react/prop-types": "error",
-    "no-undef": "error",
     "react/jsx-key": "off",
-    "no-extra-semi": "error",
-    "no-prototype-builtins": "off",
     "react/jsx-uses-react": "error",
     "react/jsx-uses-vars": "error",
+    "react/jsx-filename-extension": ["error", {
+      "extensions": [".jsx", ".tsx"]
+    }],
+    "no-undef": "error",
+    "no-extra-semi": "error",
+    "no-prototype-builtins": "off",
     "prefer-rest-params": "error",
     "array-callback-return": "off",
     "require-jsdoc": "off",

modules/mri_violations/jsx/mriViolationsIndex.js → modules/mri_violations/jsx/mriViolationsIndex.jsx

@@ -2,7 +2,7 @@ import Loader from 'Loader';
 import FilterableDataTable from 'FilterableDataTable';
 import React, {useEffect, useState} from 'react';
 import PropTypes from 'prop-types';
-import ProtocolModal from './protocolModal.js';
+import ProtocolModal from './protocolModal';
 
 /**
  * Entry point for the MRI Violatons module.

modules/publication/jsx/publicationIndex.js → modules/publication/jsx/publicationIndex.jsx

@@ -1,6 +1,6 @@
 import FilterForm from 'FilterForm';
 import {Tabs, TabPane} from 'Tabs';
-import PublicationUploadForm from './uploadForm.js';
+import PublicationUploadForm from './uploadForm';
 import {createRoot} from 'react-dom/client';
 import React from 'react';
 import PropTypes from 'prop-types';

webpack.config.ts

@@ -294,12 +294,12 @@ const configs: webpack.Configuration[] = [];
 
 configs.push({
   entry: {
-    PaginationLinks: './jsx/PaginationLinks.js',
-    StaticDataTable: './jsx/StaticDataTable.js',
-    MultiSelectDropdown: './jsx/MultiSelectDropdown.js',
-    Breadcrumbs: './jsx/Breadcrumbs.js',
-    CSSGrid: './jsx/CSSGrid.js',
-    Help: './jsx/Help.js',
+    PaginationLinks: './jsx/PaginationLinks.jsx',
+    StaticDataTable: './jsx/StaticDataTable.jsx',
+    MultiSelectDropdown: './jsx/MultiSelectDropdown.jsx',
+    Breadcrumbs: './jsx/Breadcrumbs.jsx',
+    CSSGrid: './jsx/CSSGrid.jsx',
+    Help: './jsx/Help.jsx',
     ...entries,
   },
   output: {