mister-webdev / movie-app

src/pages/main/index.tsx

import { useStore } from 'effector-react'
import { PageChangeAnimation } from 'entities/PageChangeAnimation'
import { MoviesCardsGrid } from 'entities/MoviesCardsGrid'
import { Pagination } from 'feature/pagination'
import { $page } from 'feature/pagination/model'

const Main = () => {

Function component is not a function declaration

  const page = useStore($page)

  return (
    <>

Expected indentation of 6 space characters but found 4.

JSX not allowed in files with extension '.tsx'

      <PageChangeAnimation keyProp={page} timeout={500} classNames="fade">

Expected indentation of 8 space characters but found 6.

Prop timeout must be placed on a new line

Props should be sorted alphabetically

        <MoviesCardsGrid currentPage={page} />

Expected indentation of 10 space characters but found 8.

      </PageChangeAnimation>
      <Pagination />

Expected indentation of 8 space characters but found 6.

JSX element should start in a new line

    </>
  )
}

export { Main }