diff --git a/plugins/circleci/src/pages/BuildWithStepsPage/BuildWithStepsPage.tsx b/plugins/circleci/src/pages/BuildWithStepsPage/BuildWithStepsPage.tsx
index 24ef39a05c..8493913576 100644
--- a/plugins/circleci/src/pages/BuildWithStepsPage/BuildWithStepsPage.tsx
+++ b/plugins/circleci/src/pages/BuildWithStepsPage/BuildWithStepsPage.tsx
@@ -95,12 +95,12 @@ const pickClassName = (
 const Page = () => (
   <Layout>
     <Content>
-      <BuildWithSteps />
+      <BuildWithStepsView />
     </Content>
   </Layout>
 );
 
-const BuildWithSteps: FC<{}> = () => {
+const BuildWithStepsView: FC<{}> = () => {
   const { buildId = '' } = useParams();
   const classes = useStyles();
   const [settings] = useSettings();
@@ -163,4 +163,4 @@ const ActionsList: FC<{ actions: BuildStepAction[]; name: string }> = ({
 };
 
 export default Page;
-export { BuildWithSteps };
+export { BuildWithStepsView as BuildWithSteps };
diff --git a/plugins/circleci/src/state/AppState.tsx b/plugins/circleci/src/state/AppState.tsx
index f229175111..49d55b602e 100644
--- a/plugins/circleci/src/state/AppState.tsx
+++ b/plugins/circleci/src/state/AppState.tsx
@@ -16,7 +16,7 @@
 import React, { FC, useReducer, Dispatch, Reducer } from 'react';
 import { circleCIApiRef } from '../api';
 import type { State, Action, SettingsState } from './types';
-export { SettingsState };
+export type { SettingsState };
 
 export const AppContext = React.createContext<[State, Dispatch<Action>]>(
   [] as any,