v0.0.15: Fix SSR warning in client components

Removes misleading warning that appeared during Next.js SSR:
- Client components are initially rendered on server where window is undefined
- This is expected behavior and doesn't require a warning
- Now silently falls back to relative URLs during SSR
- Properly uses window.location.origin once hydrated on client

The hooks now work seamlessly in:
- Pure client-side apps
- Next.js with SSR/SSG
- Server components (with explicit serverURL)
- Client components (auto-detects after hydration)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-10-03 18:48:46 +02:00
parent 9bb5f4ecc8
commit 259599ddcc
2 changed files with 23 additions and 15 deletions

View File

@@ -21,23 +21,31 @@ export interface FeatureFlagOptions {
// Helper to get config from options or defaults
function getConfig(options?: FeatureFlagOptions) {
// In server-side environments, serverURL must be explicitly provided
const serverURL = options?.serverURL ||
(typeof window !== 'undefined' ? window.location.origin : undefined)
if (!serverURL) {
console.warn(
'FeatureFlags: serverURL must be provided when using hooks in server-side environment. ' +
'Falling back to relative URL which may not work correctly.'
)
// Use relative URL as fallback - will work if API is on same domain
return { serverURL: '', apiPath: options?.apiPath || '/api', collectionSlug: options?.collectionSlug || 'feature-flags' }
// Check if serverURL is explicitly provided
if (options?.serverURL) {
return {
serverURL: options.serverURL,
apiPath: options.apiPath || '/api',
collectionSlug: options.collectionSlug || 'feature-flags'
}
}
const apiPath = options?.apiPath || '/api'
const collectionSlug = options?.collectionSlug || 'feature-flags'
// In browser environment, use window.location.origin
if (typeof window !== 'undefined') {
return {
serverURL: window.location.origin,
apiPath: options?.apiPath || '/api',
collectionSlug: options?.collectionSlug || 'feature-flags'
}
}
return { serverURL, apiPath, collectionSlug }
// During SSR or in non-browser environments, use relative URL
// This will work for same-origin requests
return {
serverURL: '',
apiPath: options?.apiPath || '/api',
collectionSlug: options?.collectionSlug || 'feature-flags'
}
}
/**