forwardRef bug fixed

nl-design-system · Dec 31, 2024 · ea46d13 · ea46d13
1 parent 315d938
commit ea46d13
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/components-react/src/select/Select.tsx b/packages/components-react/src/select/Select.tsx
@@ -6,14 +6,15 @@ import {
 } from '@utrecht/component-library-react/dist/css-module';
 import './Select.css';
 import clsx from 'clsx';
-import { forwardRef } from 'react';
+import { ForwardedRef, forwardRef } from 'react';
+
 export type LuxSelectProps = UtrechtSelectProps;
 export type LuxSelectOptionProps = UtrechtSelectOptionProps;
 
-export const LuxSelect = forwardRef((props: LuxSelectProps) => {
+export const LuxSelect = forwardRef((props: LuxSelectProps, ref: ForwardedRef<HTMLSelectElement>) => {
   const { className, ...restProps } = props;
 
-  return <UtrechtSelect className={clsx(className, 'lux-select')} {...restProps} />;
+  return <UtrechtSelect ref={ref} className={clsx(className, 'lux-select')} {...restProps} />;
 });
 
 export const LuxSelectOption = SelectOption;