diff --git a/src/additional-components/Background/index.tsx b/src/additional-components/Background/index.tsx
index 4f1530a1..5209d6b0 100644
--- a/src/additional-components/Background/index.tsx
+++ b/src/additional-components/Background/index.tsx
@@ -7,7 +7,7 @@ import { createGridLinesPath, createGridDotsPath } from './utils';
 
 import './style.css';
 
-interface BackgroundProps extends HTMLAttributes<SVGElement> {
+export interface BackgroundProps extends HTMLAttributes<SVGElement> {
   variant?: BackgroundVariant;
   gap?: number;
   color?: string;
diff --git a/src/additional-components/Controls/index.tsx b/src/additional-components/Controls/index.tsx
index c107f94e..ae5a53f3 100644
--- a/src/additional-components/Controls/index.tsx
+++ b/src/additional-components/Controls/index.tsx
@@ -11,7 +11,7 @@ import UnlockIcon from '../../../assets/icons/unlock.svg';
 
 import './style.css';
 
-interface ControlProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ControlProps extends React.HTMLAttributes<HTMLDivElement> {
   showZoom?: boolean;
   showFitView?: boolean;
   showInteractive?: boolean;
diff --git a/src/additional-components/MiniMap/index.tsx b/src/additional-components/MiniMap/index.tsx
index e1670738..3f5d6a75 100644
--- a/src/additional-components/MiniMap/index.tsx
+++ b/src/additional-components/MiniMap/index.tsx
@@ -10,7 +10,7 @@ import './style.css';
 
 type StringFunc = (node: Node) => string;
 
-interface MiniMapProps extends React.HTMLAttributes<SVGSVGElement> {
+export interface MiniMapProps extends React.HTMLAttributes<SVGSVGElement> {
   nodeColor?: string | StringFunc;
   nodeStrokeColor?: string | StringFunc;
   nodeClassName?: string | StringFunc;
diff --git a/src/index.ts b/src/index.ts
index 3ecb6730..3fe2e30e 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,7 +1,6 @@
 import ReactFlow from './container/ReactFlow';
 
 export default ReactFlow;
-export { ReactFlowProps } from './container/ReactFlow';
 
 export { default as Handle } from './components/Handle';
 export { default as EdgeText } from './components/Edges/EdgeText';
@@ -12,5 +11,10 @@ export { getMarkerEnd, getCenter as getEdgeCenter } from './components/Edges/uti
 export { isNode, isEdge, removeElements, addEdge, getOutgoers, getIncomers, getConnectedEdges } from './utils/graph';
 
 export * from './additional-components';
-export * from './types';
 export * from './store/hooks';
+export * from './types';
+
+export { ReactFlowProps } from './container/ReactFlow';
+export { MiniMapProps } from './additional-components/MiniMap';
+export { ControlProps } from './additional-components/Controls';
+export { BackgroundProps } from './additional-components/Background';