migration

Author: MacKentoch

.nvmrc

@@ -1 +1 @@
-10
+12

front/src/contexts/auth/consumerHOC/index.tsx

@@ -1,15 +1,15 @@
 import React, { Component } from 'react';
+// @ts-ignore
 import wrapDisplayName from 'recompose/wrapDisplayName';
 import { AuthContextConsumer } from '../context/index';
 import { AuthProviderState } from '../providerComponent';
 
-// #region flow types
+// #region types
 export type AuthContextProps = {} & AuthProviderState;
 // #endregion
 
-// #region CONSUMER HOC
 export default function withAuth(/* additionnal args if needed */) {
-  return (BaseComponent: React.Component<any, any>) => {
+  return (BaseComponent: any) => {
     class WithAuth extends Component<any, any> {
       render() {
         const { ...passProps } = this.props;
@@ -36,4 +36,3 @@ export default function withAuth(/* additionnal args if needed */) {
     return WithAuth;
   };
 }
-// #endregion

front/src/contexts/auth/providerComponent/index.js renamed to front/src/contexts/auth/providerComponent/index.tsx

@@ -1,41 +1,35 @@
-// @flow
-
-// #region imports
 import React, { Component } from 'react';
-import { AuthContextProvider, type AuthData, type User } from '../context';
+import { AuthContextProvider, AuthData, User } from '../context';
 import auth from '../../../services/auth';
 import { devToolsStore } from '../../withDevTools';
-// #endregion
 
-// #region flow types
+// #region  types
 export type AuthProviderProps = {
-  initialState: {} & AuthData,
+  initialState: {} & AuthData;
 };
 export type AuthProviderState = {
-  checkIsAuthenticated: () => boolean,
-  checkTokenIsExpired: () => boolean,
-  setToken: (token: string) => any,
-  setUserInfo: (user: User) => any,
-  disconnectUser: () => boolean,
-
-  ...any,
+  checkIsAuthenticated: () => boolean;
+  checkTokenIsExpired: () => boolean;
+  setToken: (token: string) => any;
+  setUserInfo: (user: User) => any;
+  disconnectUser: () => boolean;
 } & AuthData;
 // #endregion
 
 // #region constants
-const initialState = {
-  token: null,
-  user: null,
+const initialState: AuthData = {
+  token: '',
+  user: undefined,
   isAuthenticated: false,
   isExpiredToken: true,
-  lastAuthDate: null,
+  lastAuthDate: undefined,
 };
 // #endregion
 
 // #region PROVIDER component
 export default class AuthProvider extends Component<
   AuthProviderProps,
-  AuthProviderState,
+  AuthProviderState
 > {
   static defaultProps = {
     initialState: {
@@ -44,7 +38,7 @@ export default class AuthProvider extends Component<
   };
 
   // #region lifecyle
-  constructor(props) {
+  constructor(props: AuthProviderProps) {
     super(props);
 
     // initialize state in constructor (otherwise function won't be passed)
@@ -67,15 +61,14 @@ export default class AuthProvider extends Component<
           ...this.state,
         }}
       >
-        {' '}
-        {children}{' '}
+        {children}
       </AuthContextProvider>
     );
   }
   // #endregion
 
   checkIsAuthenticated = (): boolean => {
-    const checkUserHasId = user => user && user.id;
+    const checkUserHasId = (user: User) => user && user.id;
     const user = auth.getUserInfo() ? auth.getUserInfo() : null;
     const isAuthenticated = auth.getToken() && checkUserHasId(user);
 
@@ -119,7 +112,7 @@ export default class AuthProvider extends Component<
     this.setState({ token, isAuthenticated: true });
   };
 
-  setUserInfo = (user: User = null) => {
+  setUserInfo = (user: User) => {
     if (typeof user === 'object') {
       auth.setUserInfo(user);
 

package.json

@@ -11,9 +11,9 @@
     "url": "https://github.com/MacKentoch/react-bootstrap-webpack-starter/issues"
   },
   "engines": {
-    "node": ">=10",
-    "npm": ">=6.0.0",
-    "yarn": ">=1.3.0"
+    "node": ">=12",
+    "npm": ">=6.10.0",
+    "yarn": ">=1.19.0"
   },
   "scripts": {
     "flow": "node_modules/.bin/flow",