mister-webdev / movie-app

src/entities/InfiniteScrollTrigger/InfiniteScrollTrigger.tsx

import { useRef } from 'react'
import { useIntersectionObserver } from 'shared/hooks/useIntersectionObserver'

interface IProps {
  onIntersect: () => void
  enabled: boolean
}

const InfiniteScrollTrigger = ({ onIntersect, enabled }: IProps) => {

Function component is not a function declaration

  const loadMore = useRef<HTMLDivElement | null>(null)

  useIntersectionObserver({
    target: loadMore,
    onIntersect,
    enabled,
    rootMargin: '2000px',
  })

  return (
    <div

Expected indentation of 6 space characters but found 4.

JSX not allowed in files with extension '.tsx'

      ref={loadMore}

Expected indentation of 8 space characters but found 6.

      style={{ background: 'transparent', padding: '20px' }}

Expected indentation of 8 space characters but found 6.

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

    />
  )
}

export { InfiniteScrollTrigger }