asgardeo / asgardeo/javascript

React Version mismatch found during local development

Offen
#519 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Type/Bug
Vorherrschende Sprache
TypeScript
Sterne
18
Forks
67
Ø Merge
4 Std. 6 Min.
Gemergte PRs (30 T.)
13

Beschreibung

### Description

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

### 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(





)
```
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 (











} />


)
}

export default App
```

The issue hints to something internal to the `` component

### Please select the area the issue is related to

@asgardeo/express, @asgardeo/react

### Version

22ee26dd5728c6a2f003d7aa5702ba088c044ad4

### 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

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Reproduziere den Absturz mit dem Vite-Setup unter Verwendung der gezeigten main.tsx- und App.tsx-Dateien und konzentriere dich nach dem Login auf die @asgardeo/react UserDropdown-Komponente. Vergleiche die in der App und im SDK verwendeten React-Versionen und überprüfe anschließend, dass die authentifizierte App UserDropdown rendert, ohne abzustürzen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
authentication, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.