Try to input something before NewList will be ready. As you can see, Search component is ready to work, even other components are still in loading stage
Your input:
Loading ⏱ for NewsList LOADING
0
StaticComponent Component
This is an example static component without any data fetching.
A config usage example
This is a field from the config hackerNewsApiUrl: //node-hnapi.herokuapp.com
Session content
Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
An example of useOutsideClick
Try to change options in select-boxes:
placement
alignment
This text is rendered before hacker news API will return any response The component above is rendered before hacker news API will return any response. News API has a 4000 ms timeout on the server side before a real request. Full HTML will be ready after NewList will fetch, checkout Network tab in your dev tools You can switch to a prev behavior, when client should wait, when all server side requests will be finished to send the first byte to client. Open onAllReady to wait for the API response, and then send the first byte By the way, NewList component will be loaded with React.lazy and 10000ms timeout. This has been done to show you, that you can use SearchBar, even other React components are still in a loading stage