better TypeScript modifier types for usePopper

Author: bengry

typings/react-popper.d.ts

@@ -65,11 +65,12 @@ export class Popper<Modifiers> extends React.Component<
   {}
 > {}
 
-export function usePopper(
+export function usePopper<Modifiers>(
   referenceElement?: Element | PopperJS.VirtualElement | null,
   popperElement?: HTMLElement | null,
-  options?: Partial<PopperJS.Options> & {
+  options?: Omit<Partial<PopperJS.Options>, 'modifiers'> & {
     createPopper?: typeof PopperJS.createPopper;
+    modifiers?: ReadonlyArray<Modifier<Modifiers>>;
   }
 ): {
   styles: { [key: string]: React.CSSProperties };

typings/tests/main-test.tsx

@@ -60,7 +60,12 @@ const HookTest = () => {
     referenceElement,
     popperElement,
     {
-      modifiers: [{ name: 'arrow', options: { element: arrowElement } }],
+      modifiers: [
+        {
+          name: 'arrow',
+          options: { element: arrowElement as HTMLElement | undefined },
+        },
+      ],
     }
   );