bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix ref passed to Stack error

Browse source
This commit is contained in:
Justin 2022-08-31 14:31:44 -04:00
parent 0940896448
commit 6486f3b539
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/soapbox/components/ui/stack/stack.tsx
View file

@ -37,12 +37,13 @@ interface IStack extends React.HTMLAttributes<HTMLDivElement> {
} }
/** Vertical stack of child elements. */ /** Vertical stack of child elements. */
const Stack: React.FC<IStack> = (props) => { const Stack: React.FC<IStack> = React.forwardRef((props, ref: React.LegacyRef<HTMLDivElement> | undefined) => {
const { space, alignItems, justifyContent, className, grow, ...filteredProps } = props; const { space, alignItems, justifyContent, className, grow, ...filteredProps } = props;
return ( return (
<div <div
{...filteredProps} {...filteredProps}
ref={ref}
className={classNames('flex flex-col', { className={classNames('flex flex-col', {
// @ts-ignore // @ts-ignore
[spaces[space]]: typeof space !== 'undefined', [spaces[space]]: typeof space !== 'undefined',
@ -54,6 +55,6 @@ const Stack: React.FC<IStack> = (props) => {
}, className)} }, className)}
/> />
); );
}; });
export default Stack; export default Stack;