chore: Yarn 4.x & update devDependencies

Author: retyui

.github/workflows/nodejs.yml

@@ -30,7 +30,7 @@ jobs:
           path: node_modules
           key: ${{ runner.os }}-yarn-${{ hashFiles('./yarn.lock') }}
 
-      - run: yarn install --frozen-lockfile
+      - run: yarn install --immutable
         if: steps.node_modules_cache.outputs.cache-hit != 'true'
 
       - run: yarn ci

.gitignore

@@ -1,3 +1,10 @@
 node_modules/
 coverage/
 esm/
+# yarn berry
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.yarn/releases/yarn-4.6.0.cjs

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-4.6.0.cjs

.yarnrc.yml

@@ -8,16 +8,17 @@
     "!__tests__"
   ],
   "scripts": {
-    "ci": "yarn lint && yarn test && yarn size",
-    "presize": "yarn build",
+    "ci": "yarn lint && yarn test && yarn build && yarn size",
     "size": "size-limit",
+    "format": "prettier --write src/*.{js,ts,tsx}",
     "test": "jest --coverage",
     "lint": "eslint './src/*.{js,ts,tsx}' --quiet",
     "ts": "tsc --noEmit",
     "build": "rm -rf esm && tsc --outDir esm",
     "postbuild": "prettier --write esm/*.js esm/*.d.ts",
     "docs": "yarn doctoc API.md",
-    "prepublishOnly": "yarn docs && yarn build"
+    "prepublishOnly": "yarn docs && yarn build",
+    "postinstall": "rm -rf node_modules/@types/react-native"
   },
   "peerDependencies": {
     "react": ">=16.4.0",
@@ -32,32 +33,32 @@
     }
   },
   "resolutions": {
-    "@types/jest": "^29.5.12",
-    "@types/react": "^18.2.58"
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.0.10"
   },
   "devDependencies": {
-    "@size-limit/preset-app": "^11.0.2",
+    "@size-limit/preset-app": "^11.2.0",
     "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/react-native": "^12.4.3",
-    "@tsconfig/react-native": "^3.0.3",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^18.2.58",
-    "@types/react-test-renderer": "^18.0.7",
-    "@typescript-eslint/eslint-plugin": "^7.0.2",
-    "@typescript-eslint/parser": "^7.0.2",
+    "@testing-library/react-native": "^13.0.1",
+    "@tsconfig/react-native": "^3.0.5",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.0.10",
+    "@types/react-test-renderer": "^19.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.24.1",
+    "@typescript-eslint/parser": "^8.24.1",
     "doctoc": "^2.2.1",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
     "jest": "^29.7.0",
-    "prettier": "^3.2.5",
-    "react": "^18.2.0",
-    "react-native": "0.73.4",
-    "react-native-test-app": "^3.2.11",
-    "react-test-renderer": "^18.2.0",
-    "size-limit": "^11.0.2",
-    "typescript": "^5.3.3"
+    "prettier": "^3.5.1",
+    "react": "^19.0.0",
+    "react-native": "^0.77.1",
+    "react-native-test-app": "^4.1.3",
+    "react-test-renderer": "^19.0.0",
+    "size-limit": "^11.2.0",
+    "typescript": "^5.7.3"
   },
   "author": "David <4661784+retyui@users.noreply.github.com>",
   "description": "A react-native component to input confirmation code for both Android and IOS",
@@ -80,5 +81,6 @@
     "pin-code",
     "confirmation-code-input",
     "pin-code-input"
-  ]
+  ],
+  "packageManager": "yarn@4.6.0"
 }

package.json

@@ -7,7 +7,7 @@ export const DEFAULT_CURSOR_SYMBOL = '|';
 export function Cursor({
   cursorSymbol = DEFAULT_CURSOR_SYMBOL,
   delay = DEFAULT_BLINKING_SPEED,
-}): JSX.Element {
+}): React.JSX.Element {
   const [visibleFlag, setFlag] = useState(true);
 
   useInterval(() => setFlag((flag) => !flag), delay);

src/Cursor.tsx

@@ -15,7 +15,7 @@ export function MaskSymbol({
   children: symbol,
   maskSymbol,
   delay = DEFAULT_BLINKING_SPEED,
-}: Props): JSX.Element {
+}: Props): React.ReactNode {
   const [visibleFlag, setFlag] = useState(true);
 
   useTimeout(() => setFlag(false), delay);
@@ -26,6 +26,5 @@ export function MaskSymbol({
     }
   }, [isLastFilledCell]);
 
-  // @ts-expect-error `JSX.Element` is not a `ReactNode`
   return visibleFlag ? symbol : maskSymbol;
 }

src/MaskSymbol.tsx

@@ -42,7 +42,6 @@ it('should not throw an error when ref null and value length equal cellCount', (
     }),
   );
 
-  // @ts-expect-error - 'current' is mutable prop
   result.current.current = null;
 
   value = '1234';

src/__tests__/useBlurOnFulfill.test.ts

@@ -6,7 +6,7 @@ type RunTimerFn = (handler: () => void, timeout: number) => number;
 const creteUseTimer =
   (clear: ClearTimerFn, runTimer: RunTimerFn) =>
   (callback: () => void, delay: number): void => {
-    const timerRef = useRef<number>();
+    const timerRef = useRef<number>(-1);
 
     useEffect(() => {
       const stop = () => clear(timerRef.current);

src/useTimer.ts

@@ -4,7 +4,7 @@
     "types": ["react-native", "jest"],
     "rootDir": "./src",
     "module": "ES2020",
-    "skipLibCheck": false,
+    "skipLibCheck": true,
     "declaration": true,
     "noEmit": false
   },