diff --git a/packages/react/src/components/DataGrid/index.tsx b/packages/react/src/components/DataGrid/index.tsx
index 6810fd3..86db957 100644
--- a/packages/react/src/components/DataGrid/index.tsx
+++ b/packages/react/src/components/DataGrid/index.tsx
@@ -54,7 +54,7 @@ export interface BaseProps<T extends Row = Row> {
   rowSelection?: RowSelectionState;
 }
 
-interface Props<T extends Row = Row> extends BaseProps<T> {
+export interface DataGridProps<T extends Row = Row> extends BaseProps<T> {
   pagination?: PaginationProps;
   sortModel?: SortModel;
   onSortModelChange?: (newSortModel: SortModel) => void;
@@ -75,7 +75,7 @@ export const DataGrid = <T extends Row>({
   rowSelection,
   tableOptions,
   displayHeader = true,
-}: Props<T>) => {
+}: DataGridProps<T>) => {
   const { t } = useCunningham();
   const headlessColumns = useHeadlessColumns({ columns, enableRowSelection });
 
diff --git a/packages/react/src/components/Loader/index.tsx b/packages/react/src/components/Loader/index.tsx
index d36006a..d585294 100644
--- a/packages/react/src/components/Loader/index.tsx
+++ b/packages/react/src/components/Loader/index.tsx
@@ -1,12 +1,12 @@
 import React from "react";
 import classNames from "classnames";
 
-interface Props {
+export interface LoaderProps {
   "aria-label"?: string;
   size?: "small" | "medium";
 }
 
-export const Loader = ({ size = "medium", ...props }: Props) => {
+export const Loader = ({ size = "medium", ...props }: LoaderProps) => {
   return (
     <div
       className={classNames("c__loader", "c__loader--" + size)}