@geee-be/react-utils 1.1.6 → 1.1.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @geee-be/react-utils
 
+## 1.1.8
+
+### Patch Changes
+
+- 1aee5a6: feat: enable client-side rendering in client-only helper
+
+## 1.1.7
+
+### Patch Changes
+
+- 3ca7ee9: feat: add ClientOnly component for client-side rendering
+
 ## 1.1.6
 
 ### Patch Changes

package/dist/helpers/client-only.js

@@ -0,0 +1,9 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useIsClient } from '../hooks';
+export const ClientOnly = ({ children, serverFallback }) => {
+    const isClient = useIsClient();
+    if (isClient)
+        return _jsx(_Fragment, { children: serverFallback });
+    return _jsx(_Fragment, { children: children });
+};

package/dist/helpers/index.js

@@ -1,2 +1,3 @@
+export { ClientOnly } from './client-only.js';
 export * from './ripple.js';
 export * from './sub-component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geee-be/react-utils",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "",
   "keywords": [],
   "license": "MIT",

package/src/helpers/client-only.tsx

@@ -0,0 +1,14 @@
+'use client';
+
+import type { FC, PropsWithChildren, ReactNode } from 'react';
+import { useIsClient } from '../hooks';
+
+interface Props extends PropsWithChildren {
+  serverFallback?: ReactNode;
+}
+
+export const ClientOnly: FC<Props> = ({ children, serverFallback }) => {
+  const isClient = useIsClient();
+  if (isClient) return <>{serverFallback}</>;
+  return <>{children}</>;
+};

package/src/helpers/index.ts

@@ -1,2 +1,3 @@
+export { ClientOnly } from './client-only.js';
 export * from './ripple.js';
 export * from './sub-component.js';