@AkshayH4 To authenticate your React app using Pega Auth service while allowing both authenticated and unauthenticated user journeys, follow these steps. First, modify your sdkconfig.json to prevent automatic authentication on page load by removing or conditionally setting the authservice parameter. Instead, create a login button in your React app that, when clicked, triggers the authentication process by calling the Pega Auth service directly, ensuring the IDP login appears on the same page instead of a popup. Utilize your OpenID setup to manage the authentication flow within the main window. For unauthenticated pages, ensure your routes do not require authentication and that API calls use a common operatorID by default. Upon successful login, update your application's state to use the logged-in user's operator ID for subsequent DX API calls. Additionally, implement a logout button that, when clicked, clears the authenticated state and reverts the operator ID back to the common one, effectively switching the user back to the unauthenticated mode. Use React’s state management (like Context API or Redux) to handle authentication states and ensure that the UI updates accordingly based on whether the user is logged in or not. This approach ensures that authentication is only initiated when needed, providing a seamless experience for both authenticated and unauthenticated users.