Does this skill support the latest MSAL.js version?

Yes, it is designed for @azure/msal-react v5.0.2 and @azure/msal-browser v5.0.2, including guidance for the January 2026 migration path.

Can I use this with React Router v6?

Yes, the skill includes a CustomNavigationClient implementation that prevents the common infinite redirect loop caused by MSAL and React Router competing for navigation control.

Why use 'jose' instead of MSAL in Cloudflare Workers?

MSAL.js relies on browser or Node.js crypto APIs that are unavailable in the Cloudflare Workers V8 isolate runtime; 'jose' is a pure JavaScript library that works perfectly in serverless environments.

How does it handle refresh token expiration in Single Page Apps?

It includes specific error handling for AADSTS700084, catching InteractionRequiredAuthError to trigger a fresh interactive login when the 24-hour SPA token limit is reached.

Azure Entra ID Auth for React & Cloudflare

Name: Azure Entra ID Auth for React & Cloudflare
Author: evolv3ai

byevolv3ai

0•

Cloud Infrastructure

Implements secure Microsoft Entra ID authentication for React SPAs and validates JWT tokens in Cloudflare Workers using MSAL.js and the jose library.

This skill provides a production-ready implementation of Microsoft Entra ID (formerly Azure AD) authentication using the Authorization Code Flow with PKCE. It bridges the gap between frontend React applications and serverless Cloudflare Workers by offering pre-configured MSAL.js setups and specialized JWT validation logic that bypasses Node.js-specific dependencies. It specifically addresses common enterprise authentication hurdles such as silent sign-in loops, token refresh expiration in SPAs, and cross-platform navigation issues using a custom NavigationClient for React Router.

Key Features

01Lightweight JWT validation for Cloudflare Workers using the jose library

02Integration with React Router v6 via custom NavigationClient

03Full-stack Authorization Code Flow with PKCE implementation

040 GitHub stars

05React MSAL.js configuration with protected route and API token hooks

06Pre-built handlers for common AADSTS error codes and refresh token expiry

Use Cases

01Implementing secure backend APIs on Cloudflare Workers that verify Entra ID identities

02Building enterprise-grade React applications requiring Microsoft Single Sign-On (SSO)

03Migrating legacy ADAL or MSAL v1/v2 applications to modern MSAL v5 standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add evolv3ai/claude-skills-archive azure-auth

For use in Claude.ai and ChatGPT

Download Skill