const root = ReactDOM.createRoot(
 document.getElementById('root') as HTMLElement
);
root.render(
 <React.StrictMode>
 <QueryClientProvider client={queryClient}>
 <AuthProvider>
 <AppRoutes/>
 </AuthProvider>
 </QueryClientProvider>,
 </React.StrictMode>
);

export const AuthProvider: FC = ({children}) => {

 // console.log("children");
 const [auth, setAuth] = useState<AuthModel | undefined>(authHelper.getAuth())
 const [currentUser, setCurrentUser] = useState<UserModel | undefined>()
 const saveAuth = (auth: AuthModel | undefined) => {
 setAuth(auth)
 if (auth) {
 authHelper.setAuth(auth)
 } else {
 authHelper.removeAuth()
 }
 }

 const logout = () => {
 saveAuth(undefined)
 setCurrentUser(undefined)
 }

 return (
 <AuthContext.Provider value={{auth, saveAuth, currentUser, setCurrentUser, logout}}>
 {children}
 </AuthContext.Provider>
 )
}