chore: lint fix

package.json

@@ -31,7 +31,7 @@
     "clean": "rimraf dist",
     "build": "yarn clean && run-p build:*",
     "watch": "yarn clean && run-p 'build:* -- --watch'",
-    "lint": "eslint src --fix",
+    "lint": "eslint \"src/**/*.{ts,tsx}\" --fix",
     "semantic-release": "semantic-release"
   },
   "peerDependencies": {

src/ListTransition/index.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import {Stage, useListTransition} from '..';
 
 type ListTransitionProps<Item> = {

src/SwitchTransition/index.tsx

@@ -1,7 +1,7 @@
 import {Stage, useSwitchTransition} from '..';
 import {Mode} from '../useSwitchTransition/types';
 
-type SwitchTransitionProps<S = any> = {
+type SwitchTransitionProps<S> = {
   state: S;
   timeout: number;
   mode: Mode;

src/helpers/setAnimationFrameTimeout.ts

@@ -3,7 +3,7 @@ export type Canceller = {
 };
 
 export function setAnimationFrameTimeout(
-  callback: Function,
+  callback: () => void,
   timeout: number = 0
 ) {
   const startTime = performance.now();

src/useListTransition/index.tsx

@@ -1,4 +1,5 @@
 import {Fragment, useEffect, useRef, useState} from 'react';
+
 import {Stage} from '..';
 import {insertArray} from '../helpers/insertArray';
 import {setAnimationFrameTimeout} from '../helpers/setAnimationFrameTimeout';
@@ -29,7 +30,7 @@ export function useListTransition<Item>(list: Array<Item>, timeout: number) {
 
   useEffect(
     function handleListChange() {
-      let newItemsWithIndex: Array<ItemWithKey<Item>> = [];
+      const newItemsWithIndex: Array<ItemWithKey<Item>> = [];
 
       list.forEach((item, index) => {
         if (listState.every((itemState) => itemState.item !== item)) {

src/useSwitchTransition/index.tsx

@@ -1,4 +1,5 @@
 import {Fragment, useRef, useState} from 'react';
+
 import {Stage} from '../useTransition';
 import {ListItem, Mode} from './types';
 import {useDefaultMode} from './useDefaultMode';

src/useSwitchTransition/types.ts

@@ -8,7 +8,7 @@ export type ListItem<S> = {
   stage: Stage;
 };
 
-export type ModeHookParam<S = any> = {
+export type ModeHookParam<S> = {
   state: S;
   timeout: number;
   mode?: Mode;

src/useSwitchTransition/useDefaultMode.ts

@@ -1,4 +1,5 @@
 import {useEffect} from 'react';
+
 import {ListItem, ModeHookParam} from './types';
 
 export function useDefaultMode<S>({

src/useSwitchTransition/useInOutMode.ts

@@ -1,4 +1,5 @@
 import {useEffect, useRef} from 'react';
+
 import {
   Canceller,
   clearAnimationFrameTimeout,
@@ -48,8 +49,7 @@ export function useInOutMode<S>({
     if (
       lastItem.state === state &&
       lastItem.stage === 'enter' &&
-      secondLastItem &&
-      secondLastItem?.stage === 'enter'
+      secondLastItem.stage === 'enter'
     ) {
       // 3 leave second last item after new item enter animation ends
       clearAnimationFrameTimeout(timerRef.current);
@@ -61,7 +61,7 @@ export function useInOutMode<S>({
     // if second last item exist
     // && second last item is enter
     // (unmount second last item)
-    if (secondLastItem && secondLastItem.stage === 'leave') {
+    if (secondLastItem.stage === 'leave') {
       // 4 unmount second last item after it's leave animation ends
       clearAnimationFrameTimeout(timerRef2.current);
       timerRef2.current = setAnimationFrameTimeout(() => {

src/useSwitchTransition/useOutInMode.ts

@@ -1,4 +1,5 @@
 import {useEffect, useRef} from 'react';
+
 import {
   Canceller,
   clearAnimationFrameTimeout,
@@ -46,6 +47,8 @@ export function useOutInMode<S>({
       });
     }
 
-    return () => clearAnimationFrameTimeout(timerRef.current);
+    return () => {
+      clearAnimationFrameTimeout(timerRef.current);
+    };
   }, [keyRef, list, mode, setList, state, timeout]);
 }

src/useTransition/index.ts

@@ -1,4 +1,5 @@
 import {useEffect, useRef, useState} from 'react';
+
 import {
   Canceller,
   clearAnimationFrameTimeout,
@@ -21,7 +22,7 @@ export function useTransition(state: boolean, timeout: number) {
 
       // when true - trans from to enter
       // when false - trans enter to leave, unmount after timeout
-      if (state === true) {
+      if (state) {
         setStage('from');
         setShouldMount(true);
         setAnimationFrameTimeout(() => {
@@ -34,7 +35,9 @@ export function useTransition(state: boolean, timeout: number) {
         }, timeout);
       }
 
-      return () => clearAnimationFrameTimeout(timer.current);
+      return () => {
+        clearAnimationFrameTimeout(timer.current);
+      };
     },
     [state, timeout]
   );