Question about UI rendering when refresh the page.

[zhinigami]

Hello, I am trying to have single image in a Component in a page (with typescript). If use "<Box component="img" src="/images/sample.png" everything is fine when refresh the page in browser.
If I use the Image from next/image then the image will be missing awhile and come back after complete page refresh.
import Image from 'next/image'; <Image alt="Logo" src="/images/sample.png" />
Same case happens to the MUI components with className of bootstrap class. The styling gone and come back during the page refresh. Can I have your advice with this?