Приобретать токен молча всегда давая новый токен доступа ⇐ Javascript

[Anonymous]

Я внедрил кусок кода, где я сначала генерирую токен, храню его в LocalStorage, а затем получаю оттуда в моей утилите Fetch для вызовов API. Однако независимо от того, сколько раз я обновляю страницу, она всегда генерирует новый токен доступа.export const msalInstance = new PublicClientApplication(msalConfig);
const accounts = msalInstance.getAllAccounts();
if (accounts.length > 0) {
msalInstance.setActiveAccount(accounts[0]);
}

msalInstance.addEventCallback((event: EventMessage) => {
if (event.eventType === EventType.LOGIN_SUCCESS && event.payload) {
const payload = event.payload as AuthenticationResult;
const account = payload.account;
msalInstance.setActiveAccount(account);
}
});

export const router = createBrowserRouter([
{
path: '/',
element: ,
children: [
{ path: '/', element: },
],
},
]);
< /code>
Это мой файл app.tsx < /p>
function App({ pca }: AppProps) {
const authRequest = {
...loginRequest,
};

return (





);
}

const OutletWrapper: React.FC = () => {
const { instance } = useMsal();
const account = useAccount(accounts[0] || {});

const [apiData, setApiData] = useState(null);

useEffect(() => {
if (account) {
instance
.acquireTokenSilent({
scopes: ['User.Read'],
account: account,
})
.then((response) => {
if (response) {
localStorage.setItem('authStatus', response.idToken);
setApiData(response);
}
});
}
}, [account, instance]);

if (!apiData) return ;

return (




);
};

export default App;


Подробнее здесь: https://stackoverflow.com/questions/796 ... cess-token