#144 separate pages types

src/App.tsx

@@ -4,7 +4,7 @@ import { Route, Routes } from 'react-router-dom';
 
 import * as config from '../environment.json';
 
-import { Document } from './pages/Document';
+import { Document } from './pages/Document/Document';
 import buildingFromSource from './pages/GettingStarted/BuildingFromSource.md';
 import gswApacheMavenPath from './pages/GettingStarted/GettingStartedWithApacheMaven.md';
 import gswGradlePath from './pages/GettingStarted/GettingStartedWithGradle.md';

src/pages/Document.tsx → src/pages/Document/Document.tsx

@@ -1,21 +1,18 @@
 import { nanoid } from 'nanoid';
 import { Fragment } from 'react';
 
-import * as config from '../../environment.json';
-import { useGetSpec, useScrollUp } from '../Hooks';
+import * as config from '../../../environment.json';
+import { useGetSpec, useScrollUp } from '../../Hooks';
 import {
     Divide,
     Feature,
     Layout,
     LoadingSpinner,
     Message,
-} from '../components';
+} from '../../components';
+import { IDocument } from 'spock-react/pages/document-types';
 
-interface IExampleOne {
-    fileName: string;
-}
-
-export const Document = (props: IExampleOne): JSX.Element => {
+export const Document = (props: IDocument): JSX.Element => {
     const { fileName } = props;
 
     const { data, isLoading, isError } = useGetSpec({ fileName });

src/pages/Document/types.d.ts

@@ -0,0 +1,5 @@
+declare module 'spock-react/pages/document-types' {
+    interface IDocument {
+        fileName: string;
+    }
+}