fix mem leak & ui / preview for editor

src/AuthProvider.js

@@ -1,4 +1,4 @@
-import React, { createContext, useEffect, useState } from "react";
+import React, {createContext, useEffect, useMemo, useState} from "react";
 import { UserManager } from "oidc-client-ts";
 import {appConfig} from "./confs/appConfig";
 
@@ -13,7 +13,11 @@ export const AuthContext = createContext({
 const AuthProvider = ({ children }) => {
     const [user, setUser] = useState(null);
     const [roles, setRoles] = useState([]);
-    const userManager = new UserManager(appConfig.oidcConfig);
+    const userManager =
+        useMemo(() => new UserManager(appConfig.oidcConfig), []);
+
+
+        //new UserManager(appConfig.oidcConfig);
 
     useEffect(() => {
         userManager.getUser()
@@ -24,7 +28,8 @@ const AuthProvider = ({ children }) => {
                     const clientRoles = user?.profile?.resource_access?.[appConfig.kc_client_id]?.roles || [];
                     setRoles(clientRoles);
                 } else if (user && user.expired) {
-                    userManager.signinSilent()
+                    userManager
+                        .signinSilent()
                         .then((newUser) => {
                             setUser(newUser);
                             localStorage.setItem("accessToken", newUser.access_token);