Apply suggestions from @rezrah

Co-authored-by: Rez <13340707+rezrah@users.noreply.github.com>

apps/docs/content/components/PricingOptions.mdx

@@ -677,7 +677,7 @@ Use `PricingOptions.FeatureListItem` with `variant="included"` and `variant="exc
 | :------------- | :-------------------- | :-------: | :------: | :---------------------------------- |
 | `as`           | <PropTableValues values={[`section`, `div` ]} addLineBreaks />       | `section` | `false`  | Applies the underlying HTML element |
 | `children`     | `PricingOptions.Item` |           |  `true`  | Applies the underlying HTML element |
-| `presentation` | `default, cards`      |           | `false`  | The presentation styling            |
+| `presentation` | <PropTableValues values={[`default`, `cards` ]} addLineBreaks />      |           | `false`  | The presentation styling            |
 
 ### PricingOptions.Item <Label>Required</Label>
 
@@ -704,7 +704,7 @@ One item per pricing plan to be displayed. Maximum of 3 items.
 
 | Name       | Type        |   Default   | required | Description                |
 | :--------- | :---------- | :---------: | :------: | :------------------------- |
-| `children` | `ReactNode` | `undefined` |  `true`  | The desciption of the item |
+| `children` | `ReactNode` | `undefined` |  `true`  | The description of the item |
 
 ### PricingOptions.Price
 
@@ -741,4 +741,3 @@ One item per pricing plan to be displayed. Maximum of 3 items.
 | :--------- | :---------- | :---------: | :------: | :----------------------- |
 | `children` | `ReactNode` | `undefined` |  `true`  | The footnote of the item |
 
-x

packages/react/src/PricingOptions/PricingOptions.tsx

@@ -57,9 +57,9 @@ const PricingOptionsRoot = forwardRef(
     }: PropsWithChildren<PricingOptionsProps>,
     ref: Ref<HTMLDivElement>,
   ) => {
-    const filteredChildren = React.Children.toArray(children).filter(
+    const filteredChildren = React.useMemo(React.Children.toArray(children).filter(
       child => React.isValidElement(child) && typeof child.type !== 'string' && child.type === PricingOptionsItem,
-    )
+    ), [children])
 
     return (
       <div
@@ -290,7 +290,7 @@ const PricingOptionsFeatureList = forwardRef<HTMLDivElement, PricingOptionsFeatu
       return acc
     }, [])
 
-    const FeautreListItems = FilteredChidlrenSets.map(({Heading: HeadingChild, Items}, index) => (
+    const FeatureListItems = FilteredChildrenSets.map(({Heading: HeadingChild, Items}, index) => (
       <div className={styles['PricingOptions__feature-list-set']} key={index}>
         {HeadingChild}