diff options
| author | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-08-12 11:46:58 +0200 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-08-15 10:12:07 +0200 |
| commit | 0df63787019740d2385c97bd8c8c403cf98e0aaa (patch) | |
| tree | 797bc0af30d9aa3fbc23685c9bb6d825cb740781 | |
| parent | e6c6de5eab2a730703d6dd6be7313ccda65267ad (diff) | |
| download | mullvadvpn-0df63787019740d2385c97bd8c8c403cf98e0aaa.tar.xz mullvadvpn-0df63787019740d2385c97bd8c8c403cf98e0aaa.zip | |
Add type for props to usage of ReactElement type
With the upgrade to React 19 the type checking for the ReactElement
props has become stricter and needs to be specified.
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/AriaGroup.tsx | 2 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/Focus.tsx | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/AriaGroup.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/AriaGroup.tsx index 184971b562..59536e6109 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/AriaGroup.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/AriaGroup.tsx @@ -78,7 +78,7 @@ export function AriaInputGroup(props: IAriaGroupProps) { } interface IAriaElementProps { - children: React.ReactElement; + children: React.ReactElement<React.LabelHTMLAttributes<HTMLLabelElement>>; } export function AriaInput(props: IAriaElementProps) { diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/Focus.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/Focus.tsx index c29cbe653e..116c2ccb11 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/Focus.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/Focus.tsx @@ -66,7 +66,7 @@ function Focus(props: IFocusProps, ref: React.Ref<IFocusHandle>) { export default React.memo(React.forwardRef(Focus)); interface IFocusFallbackProps { - children: React.ReactElement; + children: React.ReactElement<React.HTMLAttributes<HTMLElement>>; } export function FocusFallback(props: IFocusFallbackProps) { |