Gildas Garcia c3119ea1ea chore: types cleanup for react 19 (#44941) ...

## Problem

While trying to update `react` to version `19`, I noticed type related
errors that can be fixed in version `18`, mostly usage of `JSX.Element`
instead of `ReactNode`.

## Solution

- Use `ReactNode` instead of `JSX.Element`
- Fix some invalid usage of `rechart`

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

## Release Notes

* **Refactor**
* Standardized React component type annotations across the codebase for
improved type consistency and flexibility.
* Updated component prop types to accept a broader range of renderable
content.

* **Bug Fixes**
  * Adjusted chart layout positioning to improve visual alignment.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

2026-04-16 15:31:04 +02:00

..

AdvisorPanel

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

AIAssistantPanel

chore: types cleanup for react 19 (#44941)

2026-04-16 15:31:04 +02:00

AIEditor

chore(studio): switch to type: module and convert configs to ESM/TS (#44839)

2026-04-14 18:44:28 +09:00

BannerStack

chore(studio}: enforce import order, remove bare import specifiers (#44585)

2026-04-07 20:34:10 -04:00

Charts

chore: types cleanup for react 19 (#44941)

2026-04-16 15:31:04 +02:00

CodeEditor

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

CountdownTimer

feat: Redesign for the integrations pages (#30476)

2024-11-25 13:26:22 +01:00

DataTable

chore: types cleanup for react 19 (#44941)

2026-04-16 15:31:04 +02:00

DatePicker

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

DevToolbar

feat(dev-tools): add resource warnings tab to dev toolbar (#44857)

2026-04-15 11:09:47 +02:00

EdgeFunctionBlock

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

EditorPanel

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ErrorBoundary

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ErrorCodeTooltip

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

FileExplorerAndEditor

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

Forms

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

HelpPanel

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

Logs

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

OrganizationProjectSelector

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

OveragesBanner

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ProductMenu

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ProjectSettings

fix(studio): show legacy API keys toggle for project-level admins (#44382)

2026-04-02 15:16:21 +02:00

QueryBlock

fix(reports): fix report block styling issues FE-2844 (#44436)

2026-04-07 14:01:38 +00:00

Resource

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ResourceExhaustionWarningBanner

feat(studio): add direct Upgrade compute CTA to exhaustion banners (#44675)

2026-04-15 15:08:31 +02:00

ActionCard.tsx

chore: types cleanup for react 19 (#44941)

2026-04-16 15:31:04 +02:00

AiAssistantDropdown.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

AlertError.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

AlphaNotice.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

APIDocsButton.tsx

fix: remove API Docs nav item after transition period (#44637)

2026-04-08 14:40:05 +00:00

ButtonTooltip.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

CardButton.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ComputeBadgeWrapper.tsx

chore(studio}: enforce import order, remove bare import specifiers (#44585)

2026-04-07 20:34:10 -04:00

CopyButton.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

DatabaseSelector.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

DateRangePicker.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

DebouncedComponent.tsx

AI Assistant Performance (#32792)

2025-01-17 19:50:16 +10:00

DiffEditor.tsx

Use new action runs endpoints (#41808)

2026-01-23 15:29:02 +08:00

DisableInteraction.tsx

Feat/api keys rollout prep (#35559)

2025-05-27 15:50:42 +02:00

DocsButton.tsx

Advisor Rules (Part 1) (#34175)

2025-03-28 15:51:19 +08:00

DotGrid.tsx

Revert "Revert "Feature/assistant mcp"" (#36687)

2025-06-26 15:02:49 +08:00

DotPing.tsx

Improve granularity of replication status (#40329)

2025-11-13 15:13:03 +08:00

DownloadResultsButton.tsx

feat(studio): add Copy as CSV option to SQL editor results (#44911)

2026-04-16 07:13:09 -06:00

DropdownMenuItemTooltip.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

EmptyListState.tsx

Clean up barrel files part 4 (#40015)

2025-10-31 00:30:42 +08:00

EntityTypeIcon.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

Error.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

FeatureBanner.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

FeaturePreviewSidebarPanel.tsx

Feat/logs preview (#37230)

2025-07-17 16:14:04 +08:00

FilterPopover.tsx

feat(studio): query insights improvements (#43109)

2026-03-13 15:09:26 +00:00

FormBoxEmpty.tsx

chore: types cleanup for react 19 (#44941)

2026-04-16 15:31:04 +02:00

FunctionSelector.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

GrafanaPromoBanner.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

GridFooter.tsx

chore: add additional playwright tests for table editor (#37972)

2025-08-22 10:15:07 +02:00

Head.tsx

refactor: authorize page (#44522)

2026-04-06 10:02:56 -04:00

HighQueryCost.tsx

fix: Load data button not working for high cost query tables (#44812)

2026-04-14 12:50:00 +09:00

InfiniteList.tsx

chore: types cleanup for react 19 (#44941)

2026-04-16 15:31:04 +02:00

InformationBox.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

InlineLink.tsx

Add link to function and table editor (#40068)

2025-11-03 03:37:22 +00:00

LoadingOpacity.tsx

chore: Move the studio app to apps/studio (#18915)

2023-11-15 12:38:55 +01:00

NoPermission.tsx

chore(studio): improve Edge Functions layout (#41176)

2025-12-10 09:41:31 +11:00

NoSearchResults.tsx

chore(studio): improve projects presentation (#41179)

2025-12-12 20:35:43 +11:00

ObservabilityLink.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

org-selector.tsx

feat(mgmt-api): add ability to choose orgs (#43549)

2026-03-11 09:01:49 +00:00

OrganizationProjectSelector.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

Panel.tsx

chore: types cleanup for react 19 (#44941)

2026-04-16 15:31:04 +02:00

PartnerIcon.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

PartnerManagedResource.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

PasswordStrengthBar.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ProfileImage.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ProjectUpgradeFailedBanner.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

RequestUpgradeToBillingOwners.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

SchemaComboBox.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

SchemaSelector.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ScrollGradient.tsx

Feat/new project creation experiment (#31237)

2025-01-17 09:59:21 +10:00

ShimmerLine.tsx

chore: dashboard header alignments (#42769)

2026-02-13 11:48:12 +01:00

Shimmers.tsx

Clean up barrel files part 4 (#40015)

2025-10-31 00:30:42 +08:00

SingleStat.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

SortDropdown.tsx

feat(studio): sortable projects (#43118)

2026-02-25 10:47:56 +11:00

SparkBar.tsx

Chore/deprecate use query state with select part 03 (#42734)

2026-02-19 13:46:25 +08:00

SqlEditor.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

SqlWarningAdmonition.tsx

Assistant action orientated approach (#38806)

2025-09-29 03:57:36 +00:00

TextConfirmModalWrapper.tsx

Reinstate copy action for TextConfirmModal for staff only (#41042)

2025-12-05 14:52:35 +00:00

ToggleSpendCapButton.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

TwoOptionToggle.tsx

Remove clsx library from dashboard (#30311)

2024-11-07 18:45:18 +08:00

ui.types.ts

Adjust disabled state while project is paused (#42096)

2026-01-27 15:28:23 +08:00

UnknownInterface.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

UpgradePlanButton.tsx

feat(studio): adding upgrade button to header experiment (#44494)

2026-04-03 20:51:54 +02:00

UpgradeToPro.tsx

feat: Enable Github on free plan under a feature flag (#44171)

2026-03-25 11:54:30 +01:00

VirtualizedTable.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00