@dashadmin/dash-admin 1.3.72 → 1.3.74-srcfree.1

package/src/DASHAdmin.tsx.old

@@ -1,456 +0,0 @@
-/* eslint-disable @typescript-eslint/indent */
-/* eslint-disable no-mixed-spaces-and-tabs */
-/**
- * TODO: Customize the error page
- * TODO: Implement MemoryHistory instead of history.
- */
-import * as React from 'react';
-import { Route, Routes, useLocation, useNavigate } from 'react-router-dom';
-import { appTheme } from 'dash-styles';
-
-import RoutingWrapper from './RoutingWrapper';
-import DomainAppLayout from 'dash-default-theme/src/DomainAppLayout';
-
-import MyLoginPage from './pages/Login';
-import Profile from './pages/Profile';
-
-import { useDispatch, useSelector } from 'react-redux';
-import { getCookie, setCookie } from './utils/cookies';
-import { AuthContext, IAuthContext, useAuthContext } from './contexts/auth';
-import { IDASHAppState } from 'dash-admin-state';
-import { Error } from './components/error/Error';
-//import { lightTheme } from './themes';
-import coreResources from './resources';
-
-import { CustomRoutes, useTheme, AdminUI, AdminContext, AdminUIProps, Resource } from 'react-admin';
-
-export interface IAppResourceGroupsIcon {
-  [x: string]: JSX.Element;
-}
-
-/**
- * Defines the interface for the DASHAdmin application, which includes various configuration options for customizing the application's behavior.
- *
- * @template U - The interface for the application's user data.
- * @template A - The interface for the application's authentication data.
- * @template R - The interface for the application's resource data, which must be an extension of `IAutoResourceConfig`.
- * @template C - The interface for the application's constants.
- *
- * @property {C} [initialAppConstants] - The initial app constants for the application.
- * @property {IDASHAppState<U, A, R>} [initialAppState] - The initial app state for the application.
- * @property {any} [customDataProvider] - A custom data provider to replace the default one.
- * @property {R[]} [customResources] - The custom resources for the application.
- * @property {React.FC<any>} [customLoginPage] - A custom login page to replace the default one.
- * @property {React.FC<IAppLayout>} [customLayout] - A custom layout to replace the default one.
- * @property {() => JSX.Element} [customNotification] - A custom notification component to replace the default one.
- * @property {any} [customErrorPage] - A custom error page to replace the default one.
- * @property {any} [customAuthProvider] - A custom auth provider to replace the default one.
- * @property {any} [customI18nProvider] - A custom i18n provider to replace the default one.
- * @property {boolean} [useCoreResources] - Whether to use the default core resources or not.
- * @property {JSX.Element | false} [customProfilePage] - A custom profile page or `false` to disable the default one.
- * @property {JSX.Element | false} [customRecoverPassword] - A custom recover password page or `false` to disable the default one.
- * @property {JSX.Element | false} [customVerifyAccount] - A custom verify account page or `false` to disable the default one.
- * @property {JSX.Element | false} [customChangePassword] - A custom change password page or `false` to disable the default one.
- * @property {any} [customThemeConfig] - A custom Material UI theme configuration.
- * @property {Route[]} [customAuthRoutes] - Custom authentication routes.
- * @property {Route[]} [customRoutes] - Custom routes.
- * @property {QueryClient} [customQueryClient] - A custom QueryClient.
- * @property {any} [history] - The history object (deprecated).
- * @property {{ [x: string]: string }} [customDict] - Custom dictionary translations.
- * @property {{ [x: string]: string }} [customReplacements] - Custom string replacements.
- * @property {JSX.Element} [children] - The child components of the DASHAdmin application.
- */
-export interface IDASHAdmin<U, A, R, C> {
-  /**
-   * DASHAdmin application default app state; you can specify the User <U> interface, the Auth <A> interface and the Resources <R> interface
-   * U: App User Interface
-   * A: App Auth Interface (Auth is for system config for an auth user)
-   * R: Resource items interface, always will be an IAutoResourceConfig extension class.
-   * C: Interface for app constants
-   */
-  initialAppConstants?: C;
-  //initialAppState?: IDASHAppState<U, A, R>;
-  //dashAdminState?: S;
-  /** A default data provider is included, replaces the entire data provider */
-  customDataProvider?: any;
-  /** Your application resources */
-  customResources?: R[];
-  /** replaces the login page  */
-  customLoginPage?: React.FC<any>;
-  /** replaces the layout */
-  customLayout?: React.FC<IAppLayout>;
-  /** replaces the default notification; https://marmelab.com/react-admin/Admin.html#notification */
-  customNotification?: () => React.JSX.Element;
-  /** replaces the default error page */
-  customErrorPage?: any;
-  /** replaces the default data provider*/
-  customAuthProvider?: any;
-  /** replaces the I18n provider*/
-  customI18nProvider?: any;
-  /** Default resources for system/admin model to work with the default backend api are included, if set to false, no system resources will be appended */
-  useCoreResources?: boolean;
-  /** false to disable and handle your own route */
-  customProfilePage?: JSX.Element | false;
-  /** false to disable and handle your own route */
-  customRecoverPassword?: JSX.Element | false;
-  /** false to disable and handle your own route */
-  customVerifyAccount?: JSX.Element | false;
-  /** false to disable and handle your own route */
-  customChangePassword?: JSX.Element | false;
-  /** Material UI theme */
-  customThemeConfig?: any;
-  /** Custom Auth Routes */
-  customAuthRoutes?: React.ReactElement[] /*React.ReactElement[];*/
-  /** Custom Not Authenticated Routes */
-  customRoutes?: React.ReactElement[] /*React.ReactElement[];*/
-  /** QueryClient */
-  customQueryClient?: QueryClient;
-  /** History. @deprecated notice */
-  history?: any; // TODO: MemoryHistory
-  // error={{errorComponent:Error}} // TODO as defined in the header of this file.
-  customDict?: { [x: string]: string }
-  customReplacements?: { [x: string]: string }
-  children?: JSX.Element;
-}
-
-import authProvider from './providers/authProvider';
-import dataProvider from './providers/dataProvider';
-import i18nProvider from './providers/i18nProvider';
-
-import DASHStorageClass from './classes/DASHStorageClass';
-
-import { QueryClient } from '@tanstack/react-query';
-
-
-import checkRole from './helpers/checkRole';
-
-import { Provider } from 'react-redux';
-
-import ConstantsProvider, { ConstantsContext } from './config/ConstantsService';
-
-import AppLayout, { IAppLayout } from './layout/AppLayout';
-import VerifyAccount from './pages/VerifyAccount';
-import RecoverPassword from './pages/RecoverPassword';
-import ChangePassword from './pages/ChangePassword';
-
-import { setResources } from 'dash-admin-state/src/redux/actions/Resources';
-//import configureStore from 'dash-admin-state/src/redux/store';
-import {
-  DictionaryProvider,
-} from './contexts/dictionary/DictionaryContext';
-import { IDashAutoAdminResourceConfig } from 'dash-auto-admin';
-import ResourceTemplate from './templates/ResourceTemplate';
-import { JSX, useEffect } from 'react';
-import RADashComponent from './react-admin-dash/RADashComponent';
-import DASHAuthenticationService from './contexts/auth/DASHAuthenticationService';
-
-
-interface IAsyncResources extends AdminUIProps {
-  resources: any;
-}
-
-
-const DASHAdminApp: React.FC<IDASHAdmin<unknown, unknown, unknown, unknown>> = (props) => {
-  const {
-    customLoginPage = MyLoginPage,
-    customLayout = AppLayout,
-    customNotification,
-    customErrorPage,
-    customDataProvider,
-    customAuthProvider,
-    customI18nProvider,
-    customResources,
-    useCoreResources = true,
-    customProfilePage,
-    customRecoverPassword,
-    customChangePassword,
-    customVerifyAccount,
-    customThemeConfig,
-    customAuthRoutes,
-    customRoutes,
-    customQueryClient,
-    customDict,
-    customReplacements,
-    history,
-    children,
-  } = props;
-
-  //Locale
-  const ReactLocale = useSelector(
-    (state: IDASHAppState<unknown, unknown, IDashAutoAdminResourceConfig>) =>
-      state.settings.locale,
-  );
-  const resources = useSelector(
-    (state: IDASHAppState<unknown, unknown, IDashAutoAdminResourceConfig>) =>
-      state.resources.items,
-  );
-
-  const dispatch = useDispatch();
-  //const currentAppLocale = AppLocale[locale.locale];
-
-
-  //Roles
-  const _checkRole = (permissions, roles) => {
-    return checkRole(permissions, roles);
-  };
-
-  //const a = useSelector((state: IDASHAppState) => state.settings.locale);
-  /** The auth context watches for auth changes */
-  //const { authenticated, user }: IAuthContext = React.useContext(AuthContext);
-  const { authenticated, user } = useAuthContext();
-  // Concatenate default system resources (coreResources) with the AppResouces (customResources):
-  const calculateResources = () => {
-    const _resources = !children
-      ? customResources
-        ? customResources && useCoreResources === false
-          ? customResources
-          : [...coreResources, ...customResources]
-        : coreResources
-      : [];
-    if (_resources && _resources.length > 0) {
-      dispatch<any>(setResources(_resources));
-    }
-  };
-
-  /** When the application loads, process the resources, and dispatch the redux setter. */
-  /*React.useEffect(() => {
-    console.log("calculateResources on refresh")
-    calculateResources();
-  }, []);*/
-
-  /** When the authcontext changes, update the resources; this is necessary to render different menus, if the user log out, then log in with a different role. */
-  React.useEffect(() => {
-    //console.log("calculateResources on auth")
-    if(authenticated ) calculateResources();
-  }, [authenticated]);
-
-  /** When the redux resources are updated, store them in an ES6 Class, in order to be accessible in the data-provider without redux */
-  React.useEffect(() => {
-    //console.log("updating resources")
-    // DASHStorageClass is required to be access the current Resources in the dataProvider;
-    // TODO: store just a simplified serialized version.
-    DASHStorageClass.resources = resources;
-  }, [resources]);
-
-  /**
-   * DASH Admin AuthContext
-   * AuthContext from RA can't be used because this happens before RA initialization
-   */
-  React.useEffect(() => {
-    if (authenticated  && resources) {
-      if (!children) {
-        try {
-          if (user?.tenant_id) {
-
-           
-              dashStorage.setItem('tenant_id', user.tenant_id.toString());
-              setCookie('tenant_id', user.tenant_id.toString());
-            
-
-          }
-        } catch (e) {
-          console.error(e);
-        }
-      }
-    }
-  }, [authenticated, user, resources]);
-
-  /* Sets the application auth and no auth custom routes */
-  /* @ts-ignore */
-  const getCustomAuthRoutes = (): Route[] => customAuthRoutes ?? [];
-
-  /* @ts-ignore */
-  const getCustomRoutes = (): Route[] => customRoutes ?? [];
-const navigate = useNavigate();
-   useEffect(() =>{
-        const redirect = DASHAuthenticationService.getPendingRedirect();
-        if(redirect) {
-             DASHAuthenticationService.clearPendingRedirect();
-             navigate(redirect)
-        }
-     },[authenticated])
-
-  const AsyncResources: React.FC<IAsyncResources> = (p) => {
-    const { resources: res, ...rest } = p;
-
-    const _resources = res.map((originalResource:any /*IDashAutoAdminResourceConfig)*/) => {
-
-      /* Deprecated 
-
-      if (_checkRole(permissions, resource.roles) && resource.component) {
-          _resources.push(resource.component && resource.component(resource));
-      }
-
-      */
-    
-
-      const { component: InputResourceTemplate, ...restProps } = originalResource;
-      const ResourceComponent = InputResourceTemplate || ResourceTemplate;
-      return ResourceComponent(restProps);
-    });
-
-    return (
-        <>
-      <AdminUI {...rest} /*ready={Loading}*/>
-
-        {_resources.map((parsedResource) => parsedResource)}
-
-        <CustomRoutes>
-          {(authenticated) && customProfilePage !== false ? (
-            <Route
-              key={'/profile'}
-              path='/profile'
-              element={customProfilePage || <Profile />}
-            />
-          ) : <></>}
-          
-          {(authenticated) && getCustomAuthRoutes()
-          .filter(route => !route.props['data-layout']?.toString().includes('no-layout'))
-          .map((route, index) => {
-        
-            //console.log('Auth Route Key:', route.props.get)
-            return <Route key={`auth-route-${index}`} {...route.props} />
-          })}
-
-      
-            {getCustomRoutes()
-            .filter(route => {
-                
-                if ((authenticated ) && getCustomAuthRoutes().some(authRoute => authRoute.props.path === route.props.path)) {
-                return false
-                }
-                return !route.props['data-layout']?.toString().includes('no-layout')
-            })
-            .map((route, index) => {
-                   
-                //console.log('Normal Route Key:', route.props)
-                return <Route key={`custom-auth-route-${index}`} {...route.props}>
-                    {route.props.children || <></>}
-                </Route>
-                
-            })}         
-                    
-        </CustomRoutes>
-
-        <CustomRoutes noLayout>
-         
-         {authenticated  ? getCustomAuthRoutes()
-          .filter(route => route.props['data-layout']?.toString().includes('no-layout'))
-          .map((route, index) => {
-           
-            //console.log('No layout Auth Route Key:', route.props.get)
-            return <Route key={`auth-route-${index}`} {...route.props} />
-          }) : <></>}
-
-            {getCustomRoutes()
-            .filter(route => {
-               
-                if (authenticated  && getCustomAuthRoutes().some(authRoute => authRoute.props.path === route.props.path)) {
-                return false
-                }
-                return route.props['data-layout']?.toString().includes('no-layout')
-            })
-            .map((route, index) => {
-               
-                //console.log('No layout Normal Route Key:', route.props)
-                return <Route key={`custom-auth-route-${index}`} {...route.props}>
-                    {route.props.children || <></>}
-                </Route>
-                
-            })}        
-          
-
-        </CustomRoutes>
-
-      </AdminUI></>
-    );
-  };
-
-  const constants = React.useContext(ConstantsContext);
-
-  return children ? (
-    <DictionaryProvider
-      dictionary={customDict ? { ...constants.systemConstants.dict, ...customDict } : constants.systemConstants.dict}
-      replacements={customReplacements ? { ...constants.systemConstants.replacements, ...customReplacements } : constants.systemConstants.replacements}
-    >
-      <AdminContext
-        dataProvider={customDataProvider || dataProvider}
-        i18nProvider={customI18nProvider || i18nProvider}
-        authProvider={customAuthProvider || authProvider}
-        {...(customThemeConfig && { theme:customThemeConfig })}
-        {...(customQueryClient && { queryClient: customQueryClient as QueryClient })}
-        {...((history !== null || history !== undefined) && { history })}
-      //store={store} //TODO implement the store override
-      // error={{ errorComponent: Error }} // TODO ¿how to customize the error page?
-      >
-
-        <AdminUI
-          {...(customNotification && { notification: customNotification })}
-          layout={customLayout}
-          /* @ts-ignore Known issue type mismatch */
-          loginPage={customLoginPage}
-          {...(customErrorPage && { catchAll: customErrorPage })}
-          {...(Error && { error: Error })}
-        //error={Error}  // TODO ¿how to customize the error page?
-        >
-          {children}
-        </AdminUI>
-        <RADashComponent />
-      </AdminContext>
-    </DictionaryProvider>
-  ) : (
-    <DictionaryProvider
-      dictionary={customDict ? { ...constants.systemConstants.dict, ...customDict } : constants.systemConstants.dict}
-      replacements={customReplacements ? { ...constants.systemConstants.replacements, ...customReplacements } : constants.systemConstants.replacements}
-    >
-
-      <AdminContext
-        dataProvider={customDataProvider || dataProvider}
-        i18nProvider={customI18nProvider || i18nProvider}
-        authProvider={customAuthProvider || authProvider}
-        {...(customThemeConfig && { theme:customThemeConfig })}
-        {...(customQueryClient && { queryClient: customQueryClient as QueryClient })}
-        {...(history && { history: history })}
-      // error={{ errorComponent: Error }} // TODO how to customize the error page
-      >
-
-        <AsyncResources
-          {...(customNotification && { notification: customNotification })}
-          /* @ts-ignore type mismatch */
-          loginPage={customLoginPage}
-          layout={customLayout}
-          {...(customErrorPage && { catchAll: customErrorPage })}
-          {...(Error && { error: Error })}
-          resources={resources}
-        />
-        <RADashComponent />
-      </AdminContext>
-
-    </DictionaryProvider>
-  );
-};
-
-/**
- * The main DASHAdmin component
- * 
- * @param props - The props object containing the initial app state, initial app constants, and optional children components.
- * @returns A React component that renders the DASHAdminApp with the provided props and context.
- */
-
-
-const DASHAdmin = <U, A, R, C, S>(props: IDASHAdmin<U, A, R, C>): JSX.Element => {
-
-  const {  initialAppConstants, children, ...rest } = props;
-
-  return (
-    /* @ts-ignore */
-
-    <ConstantsProvider<C> initialAppConstants={initialAppConstants}>
-      {children ? <DASHAdminApp {...rest}>{children}</DASHAdminApp> : <DASHAdminApp {...rest} />}
-    </ConstantsProvider>
-
-  );
-};
-export default React.memo(
-  DASHAdmin as React.ComponentType<IDASHAdmin<unknown, unknown, unknown, unknown>>
-) as typeof DASHAdmin;

package/src/RoutingWrapper.tsx

@@ -1,143 +0,0 @@
-import { PropsWithChildren, useEffect, useState, useRef } from "react";
-import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
-
-import { AnimatePresence } from "framer-motion";
-import { DASHAdminSystemConstants } from "dash-constants";
-import MotionWrapper from "./layout/MotionWrapper";
-
-/**
- * Interface for the DASH Routing Wrapper component
- * @interface IDASHRoutingWrapper
- * @extends {PropsWithChildren}
- * @property {any} [Wrapper] - Optional wrapper component to wrap around children
- * @property {any} [BrowserRouterComponent] - Optional custom router component to replace default BrowserRouter
- * @property {any} [LayoutComponent] - Optional layout component to wrap around the routing system
- * @property {boolean} [wrapLayout] - Whether to wrap the layout around the entire routing system
- */
-export interface IDASHRoutingWrapper extends PropsWithChildren{
-   Wrapper?:any
-   BrowserRouterComponent?:any
-   LayoutComponent?:any
-   wrapLayout?: boolean
-}
-
-/**
- * A wrapper component that provides routing functionality
- * @param {IDASHRoutingWrapper['Wrapper']} Wrapper - Custom Wrapper component to wrap around routes
- * @param {IDASHRoutingWrapper['BrowserRouterComponent']} BrowserRouterComponent - Browser Router Component, such as BrowserRouter.
- * @param {IDASHRoutingWrapper['LayoutComponent']} LayoutComponent - Layout component to wrap around routing system
- * @returns {JSX.Element} Rendered component
- */
-const RoutingWrapper: React.FC<IDASHRoutingWrapper> = ({
-    Wrapper,
-    BrowserRouterComponent, 
-    LayoutComponent,
-    children 
-}) => {
-
-    const RouterComponent = BrowserRouterComponent ? BrowserRouterComponent : BrowserRouter;
-
-    // If wrapLayout is true, wrap the layout around the entire routing system
-    if (LayoutComponent) {
-        return (
-            <RouterComponent>
-                
-                <LayoutComponent>
-                    {Wrapper ? (
-                        <Wrapper>
-                            {children}
-                        </Wrapper>
-                    ) : (
-                        children
-                    )}
-                </LayoutComponent>
-            </RouterComponent>
-        );
-    }
-
-    // Default behavior - layout is handled by react-admin
-    return (
-        <RouterComponent>
-            
-            {Wrapper ? (
-                <Wrapper>
-                    {children}
-                </Wrapper>
-            ) : (
-                children
-            )}
-        </RouterComponent>
-    );
-};
-
-export const AnimatedRoutesWrapper: React.FC<PropsWithChildren> = ({ children }) => {
-    const location = useLocation();
-    let method = "wait";
-    // Driven by env: DASHAdminSystemConstants.system.PAGE_TRANSITIONS reads
-    // `<PREFIX>PAGE_TRANSITIONS` (default true). Set to false for Raspberry Pi
-    // / low-powered terminals to skip framer-motion route animations.
-    let transitionEnabled = DASHAdminSystemConstants.system.PAGE_TRANSITIONS;
-    const pathParts = location.pathname.split('/');
-    const lastPart = pathParts[pathParts.length - 1];
-    const [show, setShow] = useState(true); // Initialize as true
-    const isMountedRef = useRef(true);
-
-    if (!isNaN(parseInt(lastPart))) { method = 'sync'; }
-
-    useEffect(() => {
-        // Only update if component is still mounted
-        if (isMountedRef.current) {
-            setShow(true);
-        }
-    }, [location.pathname]);
-
-    useEffect(() => {
-        // Set mounted ref to true on mount
-        isMountedRef.current = true;
-        
-        // Cleanup only on actual unmount
-        return () => {
-            isMountedRef.current = false;
-        };
-    }, []); // Empty dependency array - only runs on mount/unmount
-
-    return transitionEnabled ? (
-        <AnimatePresence
-            mode={method as "wait" | "sync" | "popLayout"}
-            
-            onExitComplete={() => {
-              
-            
-                
-                // Only set show to false if component is still mounted
-                if (isMountedRef.current) {
-                    setShow(false);
-                }
-            }}
-        >
-            <Routes location={location} key={location.pathname}>
-                <Route
-                    element={
-                        <MotionWrapper
-                            pageTransition={true}
-                            loadingSpinner={true}
-                            transitionDuration={0.5}
-                            initialShow={show}
-                            maxTimeOut={8000} // Match this with your animation needs
-                            usePortalForBackground={true}
-                            portalTarget={".dash-app-layout-content"}
-                            usePortalForSpinner={true}
-                           spinnerPortalTarget={"body"}
-                        />
-                    }
-                >
-                    {children}
-                </Route>
-            </Routes>
-        </AnimatePresence>
-    ) : (
-        <Routes location={location} key={location.pathname}>{children}</Routes>
-    );
-}
-
-export default RoutingWrapper;

package/src/classes/DASHStorageClass.tsx

@@ -1,8 +0,0 @@
-class DASHStorageClass {
-	static resources: any[] = [];
-	//static headerComponents:any[] = [];
-	//static panelSettings:any = {};
-	//static setResources(resources) { DASHStorageClass.resources = resources }
-	static constants: any; // It should be IAppConstants
-}
-export default DASHStorageClass;

package/src/components/Input/RichTextField.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { RichTextInput } from 'ra-input-rich-text';
-import { RichTextField } from 'react-admin';
-import { IDashAutoAdminCustomFieldComponent } from 'dash-auto-admin';
-
-const RichTextFieldEdit: React.FC<IDashAutoAdminCustomFieldComponent> = ({
-	method,
-	attribute,
-}) => {
-	return <RichTextInput label={attribute.label} source={attribute.attribute} />;
-};
-
-const RichTextFieldWrapper = ({
-	method,
-	attribute,
-	resourceConfig,
-}: IDashAutoAdminCustomFieldComponent) => {
-	switch (method) {
-		case 'edit':
-		case 'create':
-			return <RichTextFieldEdit attribute={attribute} method={method} resourceConfig={resourceConfig} />;
-		case 'view':
-			return <RichTextField source={attribute.attribute} />;
-	}
-};
-
-export default RichTextFieldWrapper;

package/src/components/Redirect.tsx

@@ -1,46 +0,0 @@
-import { IDashAutoAdminResourceConfig } from "dash-auto-admin";
-import { useEffect } from "react";
-import { useRedirect, Loading } from "react-admin";
-import { useParams } from "react-router";
-import {DASHAdminSystemConstants} from 'dash-constants';
-
-interface IRedirect {
-  method: 'edit' | 'list' | 'create' | 'show';
-  drawerMethod: 'edit' | 'list' | 'create' | 'show';
-  resourceConfig: IDashAutoAdminResourceConfig;
-  stateHashPattern?: string;
-}
-
-const URL_PREFIX = DASHAdminSystemConstants.system.URL_PREFIX;
-const Redirect: React.FC<IRedirect> = ({
-  method,
-  resourceConfig,
-  stateHashPattern = URL_PREFIX,
-  drawerMethod = 'edit',
-  ..._props
-}) => {
-  const params = useParams();
-  const redirect = useRedirect();
-
-  const idParamName = resourceConfig?.idParamName || 'id';
-
-  useEffect(() => {
-    let _stateHash = stateHashPattern.replace(
-      `:${idParamName}`,
-      params[idParamName],
-    );
-    _stateHash = _stateHash.replace(':method', drawerMethod);
-
-    redirect(
-      method,
-      resourceConfig.model,
-      method === 'edit' ? params.id : null,
-      null,
-      { hash: _stateHash },
-    );
-  }, []);
-
-  return <Loading />;
-};
-
-export default Redirect;