diff --git a/src/Box.tsx b/src/Box.tsx
index 02af9e1..b361337 100644
--- a/src/Box.tsx
+++ b/src/Box.tsx
@@ -2,10 +2,11 @@ import * as React from "react";
 
 export type BoxOwnProps<E extends React.ElementType = React.ElementType> = {
 	as?: E;
+	ref?: React.ComponentProps<E>;
 };
 
 export type BoxProps<E extends React.ElementType> = BoxOwnProps<E> &
-	Omit<React.ComponentProps<E>, keyof BoxOwnProps>;
+	Omit<React.ComponentPropsWithoutRef<E>, keyof BoxOwnProps>;
 
 const defaultElement = "div";
 
@@ -13,7 +14,7 @@ export const Box: <E extends React.ElementType = typeof defaultElement>(
 	props: BoxProps<E>,
 ) => React.ReactElement | null = React.forwardRef(function Box(
 	props: BoxOwnProps,
-	ref: React.Ref<Element>,
+	ref,
 ) {
 	const Element = props.as || defaultElement;
 	return <Element ref={ref} {...props} as={undefined} />;