mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
StevenandGitHub
4769407006
These tests are copy/pasta from existing tests - from `test/integration/next-image-new/default` - to `test/integration/next-image-new/app-dir` There were a handful of changes need to migrate the fixture from `pages` to `app` but the test assertions are the same. There is one test assertion for preload that wasn't working so its marked as "skip" until it can be fixed in a future PR. fix NEXT-849 ([link](https://linear.app/vercel/issue/NEXT-849))
27 lines
663 B
JavaScript
27 lines
663 B
JavaScript
'use client'
|
|
import Image from 'next/image'
|
|
import { useEffect, useState } from 'react'
|
|
|
|
export default function Home() {
|
|
const [displayImage, setDisplayImage] = useState(true)
|
|
|
|
useEffect(() => {
|
|
// This will cause the image to unmount.
|
|
// See https://github.com/vercel/next.js/issues/40762
|
|
setDisplayImage(false)
|
|
}, [])
|
|
|
|
return (
|
|
<main>
|
|
<h1>Should not warn on unmount</h1>
|
|
<section>
|
|
{displayImage ? (
|
|
<div style={{ position: 'relative', width: 10, height: 10 }}>
|
|
<Image priority fill src="/test.jpg" alt="alt" sizes="10px" />
|
|
</div>
|
|
) : null}
|
|
</section>
|
|
</main>
|
|
)
|
|
}
|