diff --git a/src/Detail.tsx b/src/Detail.tsx
index a92f8d8..079292d 100644
--- a/src/Detail.tsx
+++ b/src/Detail.tsx
@@ -3,7 +3,7 @@ import { FormattedDate, FormattedMessage, FormattedTime } from 'react-intl';
 import { Item, Loader, Button } from 'semantic-ui-react';
 import { Link, useParams, useHistory } from 'react-router-dom';
 
-import ActivitiesContext, { Activity, State } from './context/index';
+import ActivitiesContext, { Activity } from './context/index';
 import {
   FULL_DATE_FORMAT,
   CallImage,
diff --git a/src/context/index.ts b/src/context/index.ts
index 2b6baba..d251651 100644
--- a/src/context/index.ts
+++ b/src/context/index.ts
@@ -16,14 +16,5 @@ export interface State {
   archiveActivity: (id: number) => void;
 }
 
-export interface Activity {
-  id: number;
-  created_at: string;
-  direction: 'inbound' | 'outbound';
-  from: string;
-  to: string;
-  via: string;
-  duration: string;
-  is_archived: boolean;
-  call_type: 'answered' | 'missed' | 'voicemail';
-}
+import { Schemas } from './api.d';
+export type Activity = Schemas.Activity;
diff --git a/webpack.config.js b/webpack.config.js
index 333d0ba..f8deb74 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -43,7 +43,7 @@ module.exports = {
   },
   entry: './src/index.tsx',
   resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.jsx']
+    extensions: ['.ts', '.tsx', '.ts', '.js', '.jsx']
   },
   plugins: [
     new HtmlWebPackPlugin({