Leahnaya/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2026-09-12 09:16:12 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Use new PolymorphicProps to silence error around missing ref (#40371)

Browse Source
This commit is contained in:
Echo
2026-09-03 11:19:39 +00:00
committed by GitHub
parent f4bf365ba8
commit 8c3d474366
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/javascript/mastodon/components/navigation_focus_target/index.tsx
View File

@@ -8,7 +8,7 @@ import {
import { useLocation } from 'react-router-dom';
import { polymorphicForwardRef } from '@/types/polymorphic';
import type { PolymorphicProps } from '@/types/polymorphic';
import type { MastodonLocation } from '../router';
@@ -129,10 +129,13 @@ interface FocusTargetElementProps extends React.ComponentPropsWithoutRef<'h1'> {
focusTargetName?: NamedFocusTarget;
}
export const NavigationFocusTarget = polymorphicForwardRef<
'h1',
FocusTargetElementProps
>(({ as: Component = 'h1', focusTargetName, children, ...otherProps }) => {
export const NavigationFocusTarget = <As extends React.ElementType = 'h1'>({
as: asComp,
focusTargetName,
children,
...otherProps
}: PolymorphicProps<FocusTargetElementProps, As>) => {
const Component = asComp ?? 'h1';
const focusOnNavigation = useFocusOnNavigation(focusTargetName);
return (
@@ -140,4 +143,4 @@ export const NavigationFocusTarget = polymorphicForwardRef<
{children}
</Component>
);
});
};