fix: remove warning about useLayoutEffect during SSR (#365)

assistant-ui · Jun 30, 2024 · 23f474e · 23f474e
1 parent 84d8b30
commit 23f474e
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 10 deletions.
diff --git a/.changeset/smooth-boxes-judge.md b/.changeset/smooth-boxes-judge.md
@@ -0,0 +1,5 @@
+---
+"@assistant-ui/react": patch
+---
+
+fix: remove warning about useLayoutEffect in SSR
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -74,6 +74,7 @@
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-use-callback-ref": "^1.1.0",
     "@radix-ui/react-use-escape-keydown": "^1.1.0",
+    "@radix-ui/react-use-layout-effect": "^1.1.0",
     "nanoid": "^5.0.7",
     "react-textarea-autosize": "^8.5.3",
     "zod": "^3.23.8",

diff --git a/packages/react/src/utils/OutPortal.tsx b/packages/react/src/utils/OutPortal.tsx
@@ -1,4 +1,5 @@
-import { useLayoutEffect, useRef, type FC } from "react";
+import { useRef, type FC } from "react";
+import { useLayoutEffect } from "@radix-ui/react-use-layout-effect";
 
 type OutPortalProps = {
   node: HTMLElement | null;

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml