solidjs/solid-start
Use `clientOnly` without isolating component in its own file
Aperta
#1929 aperta il 7 ago 2024
help wanted
Metriche repository
- Star
- (4187 stelle)
- Metriche merge PR
- (Metriche PR in attesa)
Descrizione
What is this request related to?
Request
📋 Suggested
https://docs.solidjs.com/solid-start/reference/client/client-only
📋 General description or bullet points
Provide a way of using clientOnly without creating a separate file.
Code wise, this could be more ergonomic.
Could also create a helper function to directly translate component function to client only component.
import { clientOnly } from "@solidjs/start"
function ClientOnlyComponent() {
const location = window.document.location
return <div>{location.href}</div>
}
type ResolveClientComponent = (value: {
default: Component
}) => void
export default clientOnly(
() =>
new Promise((resolve: ResolveClientComponent) => {
resolve({ default: ClientOnlyComponent })
}),
)
🖥️ Reproduction of code samples in StackBlitz
StackBlitz doesn't support solid-start