most solutions you'll find for determining whether a user is viewing your web app on mobile will not work on statically generated pages
this is the cleanest solution i could come up with
<pre><code class="lang-typescript">const [isMobile, setIsMobile] = React.useState&lt;number&gt;(false);

React.useEffect(() =&gt; {
 setIsMobile(window.innerWidth &lt; 700);
}, []);

return isMobile ? &lt;h1&gt;mobile&lt;/h1&gt; : &lt;h1&gt;desktop&lt;/h1&gt;
</code></pre>
this works because <code>useEffect</code> is a method that is only run client-side
✌️

most solutions you'll find for determining whether a user is viewing your web app on mobile will not work on statically generated pages

this is the cleanest solution i could come up with

```typescript
const [isMobile, setIsMobile] = React.useState<number>(false);

React.useEffect(() => {
 setIsMobile(window.innerWidth < 700);
}, []);

return isMobile ? <h1>mobile</h1> : <h1>desktop</h1>
```

this works because `useEffect` is a method that is only run client-side

✌️

react nextjs isMobile on statically generated pages