7.5.0

Author: retyui

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 7.5.0
+
+- Fix typescript error `Type Error: 'Cursor' cannot be used as a JSX component`
+
+
 ## 7.4.0
 
 - Add  `autoComplete` prop by default, for `CodeField` component [#239](https://github.com/retyui/react-native-confirmation-code-field/pull/239)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-confirmation-code-field",
-  "version": "7.4.0",
+  "version": "7.5.0",
   "main": "esm/index.js",
   "types": "esm/index.d.ts",
   "files": [

src/Cursor.tsx

@@ -1,4 +1,4 @@
-import {useState} from 'react';
+import {useState, ReactNode} from 'react';
 import {useInterval} from './useTimer';
 
 export const DEFAULT_BLINKING_SPEED = 500;
@@ -7,11 +7,10 @@ export const DEFAULT_CURSOR_SYMBOL = '|';
 export function Cursor({
   cursorSymbol = DEFAULT_CURSOR_SYMBOL,
   delay = DEFAULT_BLINKING_SPEED,
-}): React.JSX.Element {
+}): ReactNode {
   const [visibleFlag, setFlag] = useState(true);
 
   useInterval(() => setFlag((flag) => !flag), delay);
 
-  // @ts-expect-error `JSX.Element` is not a `ReactNode`
   return visibleFlag ? cursorSymbol : '';
 }