fix(core): add null checks for timeout refs and event listeners for React 19 compatibility (#9116)

## Description
- Add null checks before clearTimeout calls in colorful-fallback.tsx, edgeless.dialog.tsx, and local.dialog.tsx
- Fix event listener cleanup in unfolding.tsx
- Update tsconfig.jsx to use react-jsx transform

## Testing
- [x] Verified type safety improvements for React 19 compatibility
- [x] Ensured proper cleanup of event listeners and timeouts
- [x] Confirmed no unintended side effects from the changes

Link to Devin run: https://app.devin.ai/sessions/2e790f3ea0d84402837ec6c3c6f83e4c
This commit is contained in:
devin-ai-integration
2024-12-12 09:43:42 +00:00
parent dd39d049fe
commit e100d252b2
39 changed files with 496 additions and 368 deletions

View File

@@ -40,9 +40,9 @@
"input-otp": "^1.2.4",
"lucide-react": "^0.462.0",
"next-themes": "^0.4.0",
"react": "^18.3.1",
"react": "^19.0.0",
"react-day-picker": "^9.0.0",
"react-dom": "^18.3.1",
"react-dom": "^19.0.0",
"react-hook-form": "^7.52.0",
"react-resizable-panels": "^2.0.19",
"react-router-dom": "^6.23.1",

View File

@@ -139,7 +139,9 @@ export function Layout({ children }: PropsWithChildren) {
{children}
</ResizablePanel>
<RightPanel
rightPanelRef={rightPanelRef}
rightPanelRef={
rightPanelRef as RefObject<ImperativePanelHandle>
}
onExpand={handleExpand}
onCollapse={handleCollapse}
/>