React useEffect: How do I conditionally render a component based on the dependency in useEffect?

Question

I am using semantic-react-ui, and they seemed to have a convention in one of their layouts, where they had one component handling mobile and another for d