Inflearn Community Q&A

Warning: Updating a style property during rerender (background) when a conflicting property is set (backgroundPosition) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.

    in div (at MainImage.js:5)

    in MainImage (at MovieDetail.js:26)

    in div (at MovieDetail.js:24)

    in MovieDetail (at auth.js:38)

    in AuthenticationCheck (created by Context.Consumer)

    in Route (at App.js:25)

    in Switch (at App.js:21)

    in div (at App.js:20)

    in Suspense (at App.js:18)

    in App (at src/index.js:31)

    in Router (created by BrowserRouter)

    in BrowserRouter (at src/index.js:30)

    in Provider (at src/index.js:23)

충돌하는 속성 으로 인해 rerender하는 동안 스타일속성을 업데이트하면 스타일 버그가 발생 할 수 있다는거 같은데 무슨 말인지 모르겠습니다.