chore: demo updates

Author: tugcekucukoglu

apps/showcase/demo/inputotp/custom-demo.tsx

@@ -46,26 +46,6 @@ export default function CustomDemo() {
                                         onPaste={onPaste}
                                     />
                                 );
-                                // return (
-                                //     <input
-                                //         value={state.tokens[index] ?? ''}
-                                //         key={index}
-                                //         type="text"
-                                //         className="custom-otp-input"
-                                //         onInput={(e) => {
-                                //             const target = e.target as HTMLInputElement;
-
-                                //             if (target.value.length > 1) {
-                                //                 target.value = target.value.slice(0, 1);
-                                //             }
-
-                                //             onInput(e, index);
-                                //         }}
-                                //         onClick={onClick}
-                                //         onKeyDown={onKeyDown}
-                                //         onPaste={onPaste}
-                                //     />
-                                // );
                             })}
                         </>
                     );

apps/showcase/demo/inputotp/sample-demo.tsx

@@ -2,6 +2,7 @@ import { MinusIcon } from '@primereact/icons';
 import { InputOtpInstance } from '@primereact/types/shared/inputotp';
 import { Button } from 'primereact/button';
 import { InputOtp } from 'primereact/inputotp';
+import * as React from 'react';
 
 export default function SampleDemo() {
     return (
@@ -58,10 +59,9 @@ export default function SampleDemo() {
                                     registerText();
 
                                     return (
-                                        <>
+                                        <React.Fragment key={index}>
                                             <input
                                                 value={state.tokens[index] ?? ''}
-                                                key={index}
                                                 type="text"
                                                 inputMode="text"
                                                 className="custom-otp-input-sample"
@@ -76,7 +76,7 @@ export default function SampleDemo() {
                                                     <MinusIcon />
                                                 </div>
                                             )}
-                                        </>
+                                        </React.Fragment>
                                     );
                                 })}
                             </>

packages/headless/src/inputotp/useInputOtp.ts

@@ -29,14 +29,6 @@ export const useInputOtp = withHeadless({
             return index;
         }, []);
 
-        // React.useEffect(() => {
-        //     textCounter.current = 0;
-
-        //     return () => {
-        //         textCounter.current = 0;
-        //     };
-        // }, []);
-
         const inputMode = React.useCallback(() => {
             return props.integerOnly ? 'numeric' : 'text';
         }, [props.integerOnly]);