dialguiba

const Loader = React.lazy(() => import("react-loader-spinner").then((module) => ({ default: module[spinner] })));
const Loader = React.lazy(() => import(`react-spinners/${test}`));

dialguiba

import { useEffect, useState } from "react";
import { BrowserRouter as Router, Redirect, Route, Navigate, BrowserRouter, Routes } from "react-router-dom";
import { useDispatch } from "react-redux";

import { AuthRouter } from "./AuthRouter";
/* import { firebase } from "../firebase/firebase-config"; */
/* import { login } from "../actions/Auth"; */
import { PrivateRoute } from "./PrivateRoute";
import { PublicRoute } from "./PublicRoute";
/* import { startLoadingNotes } from "../actions/notes"; */

dialguiba

import { useEffect, useState } from "react";
import { BrowserRouter as Router, Switch, Redirect } from "react-router-dom";
import { useDispatch } from "react-redux";

import { JournalScreen } from "../components/journal/JournalScreen";
import { AuthRouter } from "./AuthRouter";
import { firebase } from "../firebase/firebase-config";
import { login } from "../actions/Auth";
import { PrivateRoute } from "./PrivateRoute";
import { PublicRoute } from "./PublicRoute";

dialguiba

name: Build and Deploy
on: [push]
env:
  REACT_APP_API_URL: ${{secrets.REACT_APP_API_URL}}
jobs:
  build-and-deploy:
    concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
    runs-on: ubuntu-latest
    environment: github-pages
    steps:

dialguiba

import React from "react";
import ReactDOM from "react-dom";
import { TodoApp } from "./TodoApp";

import { store, persistor } from "./store/store";
import { Provider } from "react-redux";
/*  */
import { PersistGate } from "redux-persist/integration/react";
import { HashRouter } from "react-router-dom";

dialguiba

Custom Hook: UseForm

Use:

const [formTodoValues, handleTodoInputChange] = useForm({
    name: "",
    date: moment(new Date()).format("YYYY-MM-DD"),
    description: "",
 });

dialguiba

import { Provider } from "react-redux";
import { AppRouter } from "./router/AppRouter";
import { store } from "./store/store";

export const CalendarApp = () => {
  return (
    <Provider store={store}>
      <AppRouter />
    </Provider>
  );