What's the right way to conditionally import based on whether code is running on the client?
I've got some code that uses playwright. This won't work on the client. It's abstracted into a service (with effect-ts) so I could easily provide a separate implementation that would be client friendly. What's the beset way to conditionally import based on whether code is running client side or server side?
2 Replies
Hypothetically if you wrap server specific portions with
isServer:
- The wrapped code will be excluded from the client bundle
- Because there are no remaining references to the server imports, the bundler should be able to tree-shake the server specific imports as well.
Whether or not that is a realistic approach in your specific case … 🤷That's exactly what I ended up doing. Works like a charm, thanks!