SSR with Infinite Scroll in NEXT.js

// page.js

const initialNewsList = fetchNews(0, 10); // from 0 and select 10 items

return <>
 <ClientComponent initialNewsList={initialNewsList} />
</>

// ClientComponent.js
function export default ClientComponent(initialNewsList){

const [newsList, setNewsList] = useState(initialNewsList??[]);
// create states for from and select

// here in Infinite scroll logic call the fetchNews again
return<>
// ... 
</>
}