mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
Jiwon ChoiandGitHub
f0887fa068
### Why? There were explicit `paddingBottom: 60` set to fixtures due to the dev indicator blocking the scroll position. Since an option to disable it was added at https://github.com/vercel/next.js/pull/76079, this PR replaced them with `devIndicators: false`. x-ref: https://github.com/vercel/next.js/pull/76077#discussion_r1957164641
24 lines
544 B
TypeScript
24 lines
544 B
TypeScript
'use client'
|
|
import Link from 'next/link'
|
|
import React, { useContext } from 'react'
|
|
import { ItemsContext } from './context'
|
|
|
|
export default function Page() {
|
|
const { items, loadMoreItems } = useContext(ItemsContext)
|
|
|
|
return (
|
|
<div>
|
|
<h1>Page</h1>
|
|
<ul>
|
|
{items.map((item) => (
|
|
<li key={item.id}>Item {item.id}</li>
|
|
))}
|
|
</ul>
|
|
<button id="load-more" onClick={loadMoreItems}>
|
|
Load More
|
|
</button>
|
|
<Link href="/scroll-restoration/other">Go to Other</Link>
|
|
</div>
|
|
)
|
|
}
|