import InfiniteScroll from 'react-infinite-scroll-component' import { Loader } from 'components/design/Loader' import { Message } from './Message' import { useMessages } from 'contexts/Messages' import { Emoji } from 'components/Emoji' export const Messages: React.FC = () => { const { messages, hasMore, nextPage } = useMessages() if (messages.length === 0) { return (
Nothing to show here!
Start chatting to kill this Ghost!