Refactor(#209): Converted App component from class to func

src/App/AppContextProvider.tsx

@@ -0,0 +1,61 @@
+import React, { useState, useEffect } from 'react';
+
+import { FormError } from '../components/Login/Login';
+
+import AppContext, { AppProps, User } from './AppContext';
+
+interface Props {
+  packages: any[];
+  user?: User;
+}
+
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable react-hooks/exhaustive-deps */
+const AppContextProvider: React.FC<Props> = ({ children, packages, user }) => {
+  const [state, setState] = useState<AppProps>({
+    scope: window.VERDACCIO_SCOPE || '',
+    packages,
+    user,
+  });
+
+  useEffect(() => {
+    setState({
+      ...state,
+      user,
+    });
+  }, [user]);
+
+  useEffect(() => {
+    setState({
+      ...state,
+      packages,
+    });
+  }, [packages]);
+
+  const setUser = (user?: User) => {
+    setState({
+      ...state,
+      user,
+    });
+  };
+
+  const setError = (error?: FormError) => {
+    setState({
+      ...state,
+      error,
+    });
+  };
+
+  return (
+    <AppContext.Provider
+      value={{
+        ...state,
+        setUser,
+        setError,
+      }}>
+      {children}
+    </AppContext.Provider>
+  );
+};
+
+export default AppContextProvider;