feat: add ref support in container

Description: Add ref support in container component VAN-1537
openedx · Jul 18, 2023 · 461cc18 · 461cc18
1 parent 1747665
commit 461cc18
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/Container/index.jsx b/src/Container/index.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import RBContainer from 'react-bootstrap/Container';
 import PropTypes from 'prop-types';
@@ -11,10 +11,11 @@ const SIZE_CLASS_NAMES = {
   xl: 'container-mw-xl',
 };
 
-function Container({ size, children, ...props }) {
+const  Container = forwardRef(({ size, children, ...props }, ref) => {
   return (
     <RBContainer
       {...props}
+      ref={ref}
       className={classNames(
         props.className,
         SIZE_CLASS_NAMES[size],
@@ -23,7 +24,7 @@ function Container({ size, children, ...props }) {
       {children}
     </RBContainer>
   );
-}
+})
 
 Container.propTypes = {
   ...RBContainer.propTypes,