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]
  );