From 5e0aba528cf68eb718447120b6d83241330a37ba Mon Sep 17 00:00:00 2001
From: melloware <mellowaredev@gmail.com>
Date: Mon, 19 Feb 2024 16:04:41 -0500
Subject: [PATCH] Fix #6013: Knob RHF example

---
 components/doc/knob/form/hookformdoc.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/components/doc/knob/form/hookformdoc.js b/components/doc/knob/form/hookformdoc.js
index 80443de9f8..c56c806c4e 100644
--- a/components/doc/knob/form/hookformdoc.js
+++ b/components/doc/knob/form/hookformdoc.js
@@ -42,11 +42,8 @@ export function HookFormDoc(props) {
     name="value"
     control={control}
     rules={{ required: 'The value must be greater than zero.' }}
-    render={({ field }) => (
-        <CascadeSelect id={field.name} name="value" value={field.value} options={countries} optionLabel={'cname'} optionGroupLabel={'name'}
-         optionGroupChildren={['states', 'cities']} style={{ minWidth: '14rem' }} placeholder={'Select a City'}
-         onChange={(e) => field.onChange(e.value)}/>)}
-    />
+    render={({ field }) => <Knob id={field.name} name="value" value={field.value || '0'} onChange={(e) => field.onChange(e.value)} />}
+/>
 <Button type="submit" label="Submit" className="mt-2" />
         `,
         javascript: `