PR-753737: Se agrega ESLint a webpack.

src/frontend/components/App.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PrincipalRoutes from './PrincipalRoutes';
 
-const App = () => <PrincipalRoutes />
+const App = () => <PrincipalRoutes />;
 
-export default App;
+export default App;

src/frontend/components/InitialComponent.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
 
-const InitialComponent = () => <h1>Hello React!</h1>
+const InitialComponent = () => <h1>Hello React!</h1>;
 
 export default InitialComponent;

src/frontend/components/OtherComponent.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
 
-const OtherComponent = () => <h1>Other Component!</h1>
+const OtherComponent = () => <h1>Other Component!</h1>;
 
 export default OtherComponent;

src/frontend/components/PrincipalRoutes.jsx

@@ -4,8 +4,8 @@ import { useRoutes } from 'react-router-dom';
 import routes from '../../routes';
 
 const PrincipalRoutes = () => {
-    let element = useRoutes(routes);
-    return element
-}
+	let element = useRoutes(routes);
+	return element;
+};
 
-export default PrincipalRoutes;
+export default PrincipalRoutes;

src/frontend/index.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { hydrateRoot } from 'react-dom/client';
-//Router
+// Router
 import { BrowserRouter as Router } from 'react-router-dom';
-//History
+// History
 import { createBrowserHistory } from 'history';
-//Redux
+// Redux
 import { createStore } from 'redux'; //, applyMiddleware
 import { Provider } from 'react-redux';
 import { composeWithDevTools as composeWithDevToolsWeb } from 'redux-devtools-extension';
@@ -14,43 +14,44 @@ import reducer from './reducers';
 import App from './components/App';
 import './styles/global.sass';
 
-//Redux DevTools
+// Redux DevTools
 /* declare global {
     interface Window {
         __REDUX_DEVTOOLS_EXTENSION_COMPOSE__?: typeof compose;
     }
 } */
 
-const { env } = config
+const { env } = config;
 
 const composeEnhancers = composeWithDevToolsWeb({
-    // Specify here name, actionsBlacklist, actionsCreators and other options
+	// Specify here name, actionsBlacklist, actionsCreators and other options
 });
 
-const preloadedState = window.__PRELOADED_STATE__
+const preloadedState = window.__PRELOADED_STATE__;
 
 const store = env === 'development' ? createStore(
-    reducer,
-    preloadedState,
-    composeEnhancers(),
+	reducer,
+	preloadedState,
+	composeEnhancers(),
 ) : createStore(
-    reducer,
-    preloadedState,
-)
+	reducer,
+	preloadedState,
+);
 
-delete window.__PRELOADED_STATE__
+delete window.__PRELOADED_STATE__;
 
 const container = document.getElementById('app');
-const history = createBrowserHistory()
+const history = createBrowserHistory();
 
-const root = hydrateRoot(container, 
-    <Provider store={store}>
-        <Router history={history}>
-            <App />
-        </Router>
-    </Provider>,
-    //Add this comment to update later app and remove warning
-    /*{ 
+// add "const root" to be able to rerender.
+hydrateRoot(container,
+	<Provider store={store}>
+		<Router history={history}>
+			<App />
+		</Router>
+	</Provider>,
+	// Add this comment to update later app and remove warning
+	/* { 
         onRecoverableError: (error) => {
           console.error("recoverable", error);
         }
@@ -67,5 +68,5 @@ const root = hydrateRoot(container,
 ); */
 
 if (module.hot) {
-    module.hot.accept();
-}
+	module.hot.accept();
+}

src/frontend/reducers/index.js

@@ -2,8 +2,8 @@ import { combineReducers } from 'redux';
 import testReducer from './testReducer';
 
 const rootReducer = combineReducers({
-    //Here comes the reducers
-    testReducer
-})
+	// Here comes the reducers
+	testReducer
+});
 
-export default rootReducer
+export default rootReducer;

src/frontend/reducers/initialState.js

@@ -1,3 +1,3 @@
-let initialState = {}
+let initialState = {};
 
-export default  initialState
+export default  initialState;

src/frontend/reducers/testReducer.js

@@ -1,18 +1,18 @@
 const initialState = {
-    hello: 'world'
-}
+	hello: 'world'
+};
 
 let testReducer = (state = initialState, action) => {
-    switch (action.type){
-        case 'CHANGE_HELLO': {
-            let newHello = action.payload.hello
-            return {
-                hello: newHello
-            }
-        }
-        default:
-            return state
-    }
-}
+	switch (action.type){
+	case 'CHANGE_HELLO': {
+		let newHello = action.payload.hello;
+		return {
+			hello: newHello
+		};
+	}
+	default:
+		return state;
+	}
+};
 
-export default testReducer
+export default testReducer;