mister-webdev / movie-app

src/entities/PageChangeAnimation/index.tsx

import { FC, ReactNode } from 'react'

import { SwitchTransition, CSSTransition } from 'react-transition-group'


interface IProps {

  mode?: 'out-in' | 'in-out'

propType "mode" is not required, but has no corresponding defaultProps declaration.

  classNames: string

  keyProp: number | string

  timeout: number

  children: ReactNode

}


const PageChangeAnimation: FC<IProps> = ({

Function component is not a function declaration

  children,

  classNames,

  keyProp,

  mode = 'out-in',

  timeout,

}) => (

  <SwitchTransition mode={mode}>

Expected indentation of 4 space characters but found 2.

JSX not allowed in files with extension '.tsx'

    <CSSTransition

Expected indentation of 6 space characters but found 4.

      key={keyProp}

Expected indentation of 8 space characters but found 6.

      onExited={() =>

Expected indentation of 8 space characters but found 6.

JSX props should not use arrow functions

JSX attribute values should not contain functions created in the same scope

        setTimeout(

          () =>

            window.scrollTo({

              top: 0,

              behavior: 'smooth',

            }),

          420,

        )

      }

Unexpected newline before '}'.

      timeout={timeout}

Expected indentation of 8 space characters but found 6.

      classNames={classNames}

Expected indentation of 8 space characters but found 6.

Props should be sorted alphabetically

    >

      {children}

Expected indentation of 8 space characters but found 6.

    </CSSTransition>

  </SwitchTransition>

)


export { PageChangeAnimation }