diff --git a/packages/page-generic-asset/src/Assets.tsx b/packages/page-generic-asset/src/Assets.tsx
index 58640cf4ad..f989c8340e 100644
--- a/packages/page-generic-asset/src/Assets.tsx
+++ b/packages/page-generic-asset/src/Assets.tsx
@@ -13,9 +13,9 @@ import AssetCard from './AssetCard';
 import CreateModal from './modals/Create';
 import translate from './translate';
 
-type Props = I18nProps & {
+interface Props extends I18nProps {
   assets?: AssetsSubjectInfo;
-};
+}
 
 function Assets ({ assets, t }: Props): React.ReactElement<Props> {
   const [isCreateOpen, setIsCreateOpen] = useState(false);
diff --git a/packages/react-api/src/types.ts b/packages/react-api/src/types.ts
index a75bf10926..136d6f3ae0 100644
--- a/packages/react-api/src/types.ts
+++ b/packages/react-api/src/types.ts
@@ -55,11 +55,11 @@ export interface CallState {
 
 export type CallProps = ApiProps & CallState;
 
-export type BaseProps<T> = BareProps & CallProps & ChangeProps & {
+export interface BaseProps<T> extends BareProps, CallProps, ChangeProps {
   children?: React.ReactNode;
   label?: string;
   render?: (value?: T) => React.ReactNode;
-};
+}
 
 export type Formatter = (value?: any) => string;