From 3f596766cea92fa46e47aa130efbbaebc2aa2705 Mon Sep 17 00:00:00 2001
From: Raashish Aggarwal <94279692+raashish1601@users.noreply.github.com>
Date: Sat, 28 Mar 2026 09:52:55 +0530
Subject: [PATCH] fix react package typing for strict pnpm installs

---
 packages/@headlessui-react/package.json              | 10 ++++++++++
 packages/@headlessui-react/src/internal/floating.tsx |  7 +++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/@headlessui-react/package.json b/packages/@headlessui-react/package.json
index fae75b2ca9..37eaffb1d3 100644
--- a/packages/@headlessui-react/package.json
+++ b/packages/@headlessui-react/package.json
@@ -42,9 +42,19 @@
     "clean": "rimraf ./dist"
   },
   "peerDependencies": {
+    "@types/react": "*",
+    "@types/react-dom": "*",
     "react": "^18 || ^19 || ^19.0.0-rc",
     "react-dom": "^18 || ^19 || ^19.0.0-rc"
   },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@testing-library/react": "^15.0.7",
     "@types/react": "^18.3.3",
diff --git a/packages/@headlessui-react/src/internal/floating.tsx b/packages/@headlessui-react/src/internal/floating.tsx
index 66f22f33a4..aa7214f7e1 100644
--- a/packages/@headlessui-react/src/internal/floating.tsx
+++ b/packages/@headlessui-react/src/internal/floating.tsx
@@ -9,6 +9,7 @@ import {
   useInnerOffset,
   useInteractions,
   type InnerProps,
+  type ReferenceType,
   type UseFloatingReturn,
 } from '@floating-ui/react'
 import * as React from 'react'
@@ -73,9 +74,11 @@ export type InternalFloatingPanelProps = Partial<{
   }
 }>
 
+type FloatingReference = (node: ReferenceType | null) => void
+
 let FloatingContext = createContext<{
   styles?: UseFloatingReturn<any>['floatingStyles']
-  setReference: UseFloatingReturn<any>['refs']['setReference']
+  setReference: FloatingReference
   setFloating: UseFloatingReturn<any>['refs']['setFloating']
   getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps']
   getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps']
@@ -106,7 +109,7 @@ export function useResolvedAnchor<T extends AnchorProps | AnchorPropsWithSelecti
   }, [anchor])
 }
 
-export function useFloatingReference() {
+export function useFloatingReference(): FloatingReference {
   return useContext(FloatingContext).setReference
 }