Skip to content
This repository was archived by the owner on Apr 20, 2026. It is now read-only.

Commit 9da80df

Browse files
committed
fix: add missing accordion refs
1 parent 5a3595b commit 9da80df

3 files changed

Lines changed: 14 additions & 4 deletions

File tree

.changeset/real-poets-help.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@utilitywarehouse/native-ui': patch
3+
---
4+
5+
Fixes missing ref on `Accordion` trigger

packages/native-ui/src/lab/Accordion/AccordionTitleText.tsx

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,19 @@ import { Text } from '../../components';
55
import { useAccordionContext } from './Accordion.context';
66
import { useAccordionItemContext } from './AccordionItem.context';
77

8-
export const AccordionTitleText = forwardRef<Text, TextProps>(({ children, ...props }) => {
8+
export const AccordionTitleText = forwardRef<Text, TextProps>(({ children, ...props }, ref) => {
99
const { disabled: contextDisabled } = useAccordionContext();
1010
const { disabled } = useAccordionItemContext();
1111
const disabledValue = disabled ?? contextDisabled;
1212
const { styles } = useStyles(stylesheet, { disabled: disabledValue });
1313

1414
return (
15-
<Text style={styles.titleText} {...props}>
15+
<Text
16+
// @ts-expect-error - ref
17+
ref={ref}
18+
style={styles.titleText}
19+
{...props}
20+
>
1621
{children}
1722
</Text>
1823
);

packages/native-ui/src/lab/Accordion/AccordionTrigger.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,14 @@ import { useAccordionContext } from './Accordion.context';
66
import { useAccordionItemContext } from './AccordionItem.context';
77

88
export const AccordionTrigger = forwardRef<PressableRef, PressableProps>(
9-
({ children, ...props }) => {
9+
({ children, ...props }, ref) => {
1010
const { noPadding: contextMoPadding } = useAccordionContext();
1111
const { noPadding } = useAccordionItemContext();
1212
const noPaddingValue = noPadding ?? contextMoPadding;
1313
const { styles } = useStyles(stylesheet, { noPadding: noPaddingValue });
1414

1515
return (
16-
<Pressable style={styles.trigger} {...props}>
16+
<Pressable ref={ref} style={styles.trigger} {...props}>
1717
{children}
1818
</Pressable>
1919
);

0 commit comments

Comments
 (0)