diff --git a/src/select-field/select-field.tsx b/src/select-field/select-field.tsx
index ca9b4a93..23335784 100644
--- a/src/select-field/select-field.tsx
+++ b/src/select-field/select-field.tsx
@@ -49,7 +49,7 @@ const SelectField = React.forwardRef<HTMLSelectElement, SelectFieldProps>(functi
             hidden={hidden}
             aria-describedby={ariaDescribedBy}
         >
-            {(extraProps) => (
+            {({ characterCountElement, ...extraProps }) => (
                 <Box
                     data-testid="select-wrapper"
                     className={[
diff --git a/src/text-area/text-area.tsx b/src/text-area/text-area.tsx
index 398474f0..e9574f38 100644
--- a/src/text-area/text-area.tsx
+++ b/src/text-area/text-area.tsx
@@ -104,7 +104,7 @@ const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(function T
             maxWidth={maxWidth}
             maxLength={maxLength}
         >
-            {({ onChange, ...extraProps }) => (
+            {({ onChange, characterCountElement, ...extraProps }) => (
                 <Box
                     width="full"
                     display="flex"