React Version mismatch found during local development

[RandithaK]

Description

When building a Vite app with React, the app crashes after Login

Steps to Reproduce

Create a Vite App, use the Asgardeo SDK.

Codes used
main.tsx

import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
import { AsgardeoProvider } from '@asgardeo/react'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <AsgardeoProvider
      baseUrl="https://localhost:8090"
      signInUrl="http://localhost:5173/signin"
      applicationId="019e2459-5462-7f91-8f39-3d355d1a6359"
      platform="AsgardeoV2"
    >
      <App />
    </AsgardeoProvider>
  </StrictMode>
)

App.tsx

import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
import { SignIn, SignedIn, SignedOut, SignInButton, SignOutButton, UserDropdown } from '@asgardeo/react'
import './App.css'

function App() {
  return (
    <Router>
      <header>
        <SignedIn>
          <UserDropdown />
          <SignOutButton />
        </SignedIn>
        <SignedOut>
          <SignInButton />
        </SignedOut>
      </header>
      <Routes>
        <Route path="/signin" element={<SignIn />} />
      </Routes>
    </Router>
  )
}

export default App

The issue hints to something internal to the <UserDropdown /> component

Please select the area the issue is related to

@asgardeo/express, @asgardeo/react

Version

22ee26d

Environment Details (with versions)

Create a Vite App, and setup the thunder-id/thunder repository instructions.

Note that this is not related to thunder, by any means and is a react version mismatch, found during local development.

Reporter Checklist

• I have searched the existing issues and this is not a duplicate.
• I have provided all the necessary information.
• I have tested the issue on the latest version of the package.