diff --git a/src/components/Voyager.tsx b/src/components/Voyager.tsx
index e163f715..fe8a652a 100644
--- a/src/components/Voyager.tsx
+++ b/src/components/Voyager.tsx
@@ -2,7 +2,7 @@ import { getIntrospectionQuery } from 'graphql/utilities';
 
 import { getSchema, extractTypeId } from '../introspection';
 import { SVGRender, getTypeGraph } from '../graph/';
-import { WorkerCallback } from '../utils/types';
+import { WorkerCallback, VoyagerDisplayOptions } from '../utils/types';
 
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
@@ -19,16 +19,7 @@ import './viewport.css';
 
 type IntrospectionProvider = (query: string) => Promise<any>;
 
-export interface VoyagerDisplayOptions {
-  rootType?: string;
-  skipRelay?: boolean;
-  skipDeprecated?: boolean;
-  showLeafFields?: boolean;
-  sortByAlphabet?: boolean;
-  hideRoot?: boolean;
-}
-
-const defaultDisplayOptions = {
+const defaultDisplayOptions: VoyagerDisplayOptions = {
   rootType: undefined,
   skipRelay: true,
   skipDeprecated: true,
diff --git a/src/middleware/render-voyager-page.ts b/src/middleware/render-voyager-page.ts
index 3ca5dd3b..67fd0d1a 100644
--- a/src/middleware/render-voyager-page.ts
+++ b/src/middleware/render-voyager-page.ts
@@ -1,8 +1,9 @@
 const { version } = require('../package.json');
+import { VoyagerDisplayOptions } from '../utils/types';
 
 export interface MiddlewareOptions {
   endpointUrl: string;
-  displayOptions?: object;
+  displayOptions?: VoyagerDisplayOptions;
   headersJS?: string;
 }
 
diff --git a/src/utils/types.ts b/src/utils/types.ts
index e208a415..b50d69b2 100644
--- a/src/utils/types.ts
+++ b/src/utils/types.ts
@@ -2,3 +2,12 @@ export type WorkerCallback = (
   path: string,
   relative: boolean,
 ) => Promise<Worker>;
+
+export interface VoyagerDisplayOptions {
+  rootType?: string;
+  skipRelay?: boolean;
+  skipDeprecated?: boolean;
+  showLeafFields?: boolean;
+  sortByAlphabet?: boolean;
+  hideRoot?: boolean;
+}