Merge pull request #2140 from SalesforceCommerceCloud/bugfix/checkout…

…page-radiobutton-render-error @W-17178104@ - Fixed "getCheckboxProps is not a function" when rendering checkout page in generated app.
SalesforceCommerceCloud · Nov 25, 2024 · 57c24e1 · 57c24e1
2 parents 3059c15 + ce95bdf
commit 57c24e1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/template-retail-react-app/CHANGELOG.md b/packages/template-retail-react-app/CHANGELOG.md
@@ -1,8 +1,8 @@
 ## v5.1.0-dev (TBD)
 
+- [BUG] Fixed "getCheckboxProps is not a function" when rendering checkout page in generated app.[#2140](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2140)
 - Replace transfer basket call with merge basket on checkout [#2138])(https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2138)
 
-
 ### Accessibility Improvements
 - [a11y] Fix LinkList component to follow a11y practise [#2098])(https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2098)
 

diff --git a/packages/template-retail-react-app/app/components/radio-card/index.jsx b/packages/template-retail-react-app/app/components/radio-card/index.jsx
@@ -12,11 +12,11 @@ import {CheckIcon} from '@salesforce/retail-react-app/app/components/icons'
 const RadioCardGroupContext = React.createContext()
 
 export const RadioCard = (props) => {
-    const getRadioProps = React.useContext(RadioCardGroupContext)
-    const {getInputProps, getCheckboxProps} = useRadio(getRadioProps(props))
+    const getRadioGroupProps = React.useContext(RadioCardGroupContext)
+    const {getInputProps, getRadioProps} = useRadio(getRadioGroupProps(props))
 
     const input = getInputProps()
-    const checkbox = getCheckboxProps()
+    const checkbox = getRadioProps()
     return (
         <Box as="label">
             <input {...input} />