use generic for useParallax ref

Author: jscottsmith

src/components/Parallax/index.tsx

@@ -19,6 +19,15 @@ export function Parallax(props: PropsWithChildren<ParallaxProps>) {
   );
 }
 
+export const Component = () => {
+  const { ref } = useParallax<HTMLDivElement>({ translateY: [100, -100] });
+  return (
+    <div ref={ref}>
+      <div />
+    </div>
+  );
+};
+
 Parallax.defaultProps = {
   disabled: false,
   innerTag: 'div',

src/hooks/useParallax.ts

@@ -5,9 +5,9 @@ import { ParallaxProps } from '../types';
 import { removeUndefinedObjectKeys } from '../utils/removeUndefinedObjectKeys';
 import { useController } from './useController';
 
-export function useParallax(props: ParallaxProps) {
+export function useParallax<T extends HTMLElement>(props: ParallaxProps) {
   const controller = useController();
-  const ref = useRef<HTMLElement>();
+  const ref = useRef<T>(null);
 
   useVerifyController(controller);