fix: quick taps not dismissing and added biome as default linter

Author: mCodex

biome.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.4.5/schema.json",
+  "vcs": { "enabled": true, "clientKind": "git", "useIgnoreFile": true },
+  "formatter": { "enabled": true, "indentStyle": "space" },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    },
+    "includes": [
+      "**",
+      "src/**",
+      "!node_modules/**",
+      "!build/**",
+      "!android/**",
+      "!ios/**",
+      "!**/*.min.js",
+      "!**/*.bundle.js"
+    ]
+  },
+  "javascript": {
+    "formatter": { "quoteStyle": "single" }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": { "source": { "organizeImports": "on" } }
+  }
+}

eslint.config.mjs

@@ -1,16 +1,16 @@
-const path = require('path');
+const path = require('node:path');
 const { getConfig } = require('react-native-builder-bob/babel-config');
 const pkg = require('../package.json');
 
 const root = path.resolve(__dirname, '..');
 
-module.exports = function (api) {
+module.exports = (api) => {
   api.cache(true);
 
   return getConfig(
     {
       presets: ['babel-preset-expo'],
     },
-    { root, pkg }
+    { root, pkg },
   );
 };

example/babel.config.js

@@ -1,4 +1,4 @@
-const path = require('path');
+const path = require('node:path');
 const { getDefaultConfig } = require('@expo/metro-config');
 const { withMetroConfig } = require('react-native-monorepo-config');
 

example/metro.config.js

@@ -9,18 +9,18 @@
     "web": "expo start --web"
   },
   "dependencies": {
-    "@expo/metro-runtime": "~6.1.2",
-    "expo": "^54.0.17",
-    "expo-status-bar": "~3.0.8",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.4",
-    "react-native-safe-area-context": "^5.6.1",
+    "@expo/metro-runtime": "~55.0.6",
+    "expo": "^55.0.4",
+    "expo-status-bar": "~55.0.4",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-native": "0.83.2",
+    "react-native-safe-area-context": "^5.7.0",
     "react-native-web": "~0.21.2"
   },
   "private": true,
   "devDependencies": {
-    "react-native-builder-bob": "^0.40.13",
-    "react-native-monorepo-config": "^0.2.2"
+    "react-native-builder-bob": "^0.40.18",
+    "react-native-monorepo-config": "^0.3.3"
   }
 }

example/package.json

@@ -1,16 +1,17 @@
-import React, { useCallback, useState } from 'react';
+import type React from 'react';
+import { useCallback, useState } from 'react';
 import {
   Pressable,
   ScrollView,
   StatusBar,
   StyleSheet,
   Text,
-  View,
   useWindowDimensions,
+  View,
 } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { ToastProvider, useToast } from 'react-native-rooster';
 import type { ToastType } from 'react-native-rooster';
+import { ToastProvider, useToast } from 'react-native-rooster';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 type ButtonConfig = {
   label: string;
@@ -49,7 +50,7 @@ const ToastDemo: React.FC = () => {
   const { width } = useWindowDimensions();
   const isWide = width >= 768;
   const [verticalPosition, setVerticalPosition] = useState<'top' | 'bottom'>(
-    'bottom'
+    'bottom',
   );
   const [horizontalPosition, setHorizontalPosition] = useState<
     'left' | 'center' | 'right'
@@ -58,7 +59,7 @@ const ToastDemo: React.FC = () => {
   const updatePosition = useCallback(
     (
       nextVertical: 'top' | 'bottom',
-      nextHorizontal: 'left' | 'center' | 'right'
+      nextHorizontal: 'left' | 'center' | 'right',
     ) => {
       setToastConfig({
         position: {
@@ -67,7 +68,7 @@ const ToastDemo: React.FC = () => {
         },
       });
     },
-    [setToastConfig]
+    [setToastConfig],
   );
 
   const handlePress = useCallback(
@@ -99,23 +100,23 @@ const ToastDemo: React.FC = () => {
         message: 'Everything is fully customisable.',
       });
     },
-    [addToast]
+    [addToast],
   );
 
   const handleVerticalChange = useCallback(
     (option: ToggleOption<'top' | 'bottom'>) => {
       setVerticalPosition(option.value);
       updatePosition(option.value, horizontalPosition);
     },
-    [horizontalPosition, updatePosition]
+    [horizontalPosition, updatePosition],
   );
 
   const handleHorizontalChange = useCallback(
     (option: ToggleOption<'left' | 'center' | 'right'>) => {
       setHorizontalPosition(option.value);
       updatePosition(verticalPosition, option.value);
     },
-    [updatePosition, verticalPosition]
+    [updatePosition, verticalPosition],
   );
 
   return (

example/src/App.tsx

@@ -3,7 +3,7 @@ pre-commit:
   commands:
     lint:
       glob: "*.{js,ts,jsx,tsx}"
-      run: npx eslint {staged_files}
+      run: npm run lint
     types:
       glob: "*.{js,ts, jsx, tsx}"
       run: npx tsc

lefthook.yml

@@ -35,7 +35,7 @@
     "example": "yarn workspace react-native-rooster-example",
     "test": "jest",
     "typecheck": "tsc",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint": "biome check --write --unsafe; biome format --write",
     "clean": "del-cli lib",
     "prepare": "bob build",
     "release": "release-it --only-version"
@@ -60,31 +60,32 @@
   },
   "sideEffects": false,
   "devDependencies": {
-    "@commitlint/config-conventional": "^20.0.0",
-    "@eslint/compat": "^1.4.0",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.38.0",
-    "@evilmartians/lefthook": "^2.0.0",
-    "@react-native/babel-preset": "0.82.1",
-    "@react-native/eslint-config": "^0.82.1",
-    "@release-it/conventional-changelog": "^10.0.1",
+    "@biomejs/biome": "^2.4.5",
+    "@commitlint/config-conventional": "^20.4.2",
+    "@eslint/compat": "^2.0.2",
+    "@eslint/eslintrc": "^3.3.4",
+    "@eslint/js": "^10.0.1",
+    "@evilmartians/lefthook": "^2.1.2",
+    "@react-native/babel-preset": "0.84.1",
+    "@react-native/eslint-config": "^0.84.1",
+    "@release-it/conventional-changelog": "^10.0.5",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.2",
+    "@types/react": "^19.2.14",
     "babel-plugin-react-compiler": "^1.0.0",
-    "commitlint": "^20.1.0",
+    "commitlint": "^20.4.2",
     "del-cli": "^7.0.0",
-    "eslint": "^9.38.0",
+    "eslint": "^10.0.2",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-prettier": "^5.5.5",
     "jest": "^30.2.0",
-    "prettier": "^3.6.2",
-    "react": "19.1.1",
-    "react-native": "0.82.1",
-    "react-native-builder-bob": "^0.40.13",
-    "react-native-safe-area-context": "^5.6.1",
-    "react-test-renderer": "19.1.1",
-    "release-it": "^19.0.5",
+    "prettier": "^3.8.1",
+    "react": "^19.2.4",
+    "react-native": "0.83.2",
+    "react-native-builder-bob": "^0.40.18",
+    "react-native-safe-area-context": "^5.7.0",
+    "react-test-renderer": "19.2.4",
+    "release-it": "^19.2.4",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {

package.json

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react-native';
-import ToastProvider from '../providers/ToastProvider';
 import useToast from '../hooks/useToast';
+import ToastProvider from '../providers/ToastProvider';
 
 /**
  * Test suite for font size configuration via initialConfig
@@ -23,7 +23,7 @@ describe('Font Size Configuration', () => {
           }}
         >
           <TestComponent />
-        </ToastProvider>
+        </ToastProvider>,
       );
     }).not.toThrow();
   });
@@ -45,7 +45,7 @@ describe('Font Size Configuration', () => {
     const { UNSAFE_root } = render(
       <ToastProvider initialConfig={initialConfig}>
         <TestComponent />
-      </ToastProvider>
+      </ToastProvider>,
     );
 
     expect(UNSAFE_root).toBeTruthy();
@@ -62,7 +62,7 @@ describe('Font Size Configuration', () => {
       render(
         <ToastProvider>
           <TestComponent />
-        </ToastProvider>
+        </ToastProvider>,
       );
     }).not.toThrow();
   });

src/__tests__/fontSizeConfig.test.tsx

@@ -1,8 +1,7 @@
+import { act, render, waitFor } from '@testing-library/react-native';
 import React, { useImperativeHandle } from 'react';
-import { render, act, waitFor } from '@testing-library/react-native';
-
-import ToastProvider from '../providers/ToastProvider';
 import useToast from '../hooks/useToast';
+import ToastProvider from '../providers/ToastProvider';
 import type { ToastContextProps } from '../types';
 
 jest.mock('react-native-safe-area-context', () => ({
@@ -56,7 +55,7 @@ describe('ToastProvider integration', () => {
     const { queryByText } = render(
       <ToastProvider>
         <Harness ref={ref} />
-      </ToastProvider>
+      </ToastProvider>,
     );
 
     act(() => {
@@ -79,7 +78,7 @@ describe('ToastProvider integration', () => {
     const { queryByText } = render(
       <ToastProvider>
         <Harness ref={ref} />
-      </ToastProvider>
+      </ToastProvider>,
     );
 
     act(() => {