Use:
const [formTodoValues, handleTodoInputChange] = useForm({
name: "",
date: moment(new Date()).format("YYYY-MM-DD"),
description: "",
});
const Loader = React.lazy(() => import("react-loader-spinner").then((module) => ({ default: module[spinner] }))); | |
const Loader = React.lazy(() => import(`react-spinners/${test}`)); |
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"; */ |
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"; |
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: |
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"; |
import { Provider } from "react-redux"; | |
import { AppRouter } from "./router/AppRouter"; | |
import { store } from "./store/store"; | |
export const CalendarApp = () => { | |
return ( | |
<Provider store={store}> | |
<AppRouter /> | |
</Provider> | |
); |