diff --git a/README.md b/README.md
index dd74e8b6c..21d7ff63e 100644
--- a/README.md
+++ b/README.md
@@ -70,7 +70,7 @@ cp -r amplify-codegen-ui-staging/packages/test-generator/test-app-templates/* te
 cd test-app
 # Install new dependencies required
 npm i aws-amplify @aws-amplify/ui-react@2.0.1-next.5
-npm i cypress --save-dev\
+npm i -D cypress
 # And in parallel start the webapp
 npm start
 # And either run cypress suite
diff --git a/packages/test-generator/lib/components/basic-components/basicComponentCustomRating.json b/packages/test-generator/lib/components/basic-components/basicComponentCustomRating.json
new file mode 100644
index 000000000..b38cefca5
--- /dev/null
+++ b/packages/test-generator/lib/components/basic-components/basicComponentCustomRating.json
@@ -0,0 +1,10 @@
+{
+  "id": "1234-5678-9010",
+  "componentType": "Rating",
+  "name": "BasicComponentCustomRating",
+  "properties": {
+    "value": {
+      "value": "3.5"
+    }
+  }
+}
diff --git a/packages/test-generator/lib/components/basic-components/index.ts b/packages/test-generator/lib/components/basic-components/index.ts
index 765bb3386..2f92ed45f 100644
--- a/packages/test-generator/lib/components/basic-components/index.ts
+++ b/packages/test-generator/lib/components/basic-components/index.ts
@@ -22,3 +22,4 @@ export { default as BasicComponentDivider } from './basicComponentDivider.json';
 export { default as BasicComponentFlex } from './basicComponentFlex.json';
 export { default as BasicComponentImage } from './basicComponentImage.json';
 export { default as BasicComponentText } from './basicComponentText.json';
+export { default as BasicComponentCustomRating } from './basicComponentCustomRating.json';
diff --git a/packages/test-generator/test-app-templates/cypress/integration/generated-components-spec.js b/packages/test-generator/test-app-templates/cypress/integration/generated-components-spec.js
index 9bf91ad0d..9e8c19273 100644
--- a/packages/test-generator/test-app-templates/cypress/integration/generated-components-spec.js
+++ b/packages/test-generator/test-app-templates/cypress/integration/generated-components-spec.js
@@ -50,6 +50,11 @@ describe('Generated Components', () => {
       cy.visit('http://localhost:3000');
       cy.get('#basic-components').contains('Basic Component Text');
     });
+
+    it('Renders Custom component', () => {
+      cy.visit('http://localhost:3000');
+      cy.get('#basic-components').find('.amplify-rating');
+    });
   });
 
   describe('Conditional Data', () => {
diff --git a/packages/test-generator/test-app-templates/src/App.tsx b/packages/test-generator/test-app-templates/src/App.tsx
index fdd7593d9..6eabbe738 100644
--- a/packages/test-generator/test-app-templates/src/App.tsx
+++ b/packages/test-generator/test-app-templates/src/App.tsx
@@ -29,6 +29,7 @@ import ComponentWithConditional from './ui-components/ComponentWithConditional';
 import BasicComponentDivider from './ui-components/BasicComponentDivider';
 import BasicComponentFlex from './ui-components/BasicComponentFlex';
 import BasicComponentImage from './ui-components/BasicComponentImage';
+import BasicComponentCustomRating from './ui-components/BasicComponentCustomRating';
 /* eslint-enable import/extensions */
 
 function App() {
@@ -46,6 +47,7 @@ function App() {
         <BasicComponentFlex />
         <BasicComponentText />
         <BasicComponentImage />
+        <BasicComponentCustomRating />
       </div>
       <ViewTest />
       <ViewWithButton />