diff --git a/plugins/code-coverage/dev/index.tsx b/plugins/code-coverage/dev/index.tsx
index 9eabafb976..69ff4bcda2 100644
--- a/plugins/code-coverage/dev/index.tsx
+++ b/plugins/code-coverage/dev/index.tsx
@@ -15,12 +15,12 @@
  */
 import React from 'react';
 import { createDevApp } from '@backstage/dev-utils';
-import { codeCoveragePlugin, CodeCoveragePage } from '../src/plugin';
+import { codeCoveragePlugin, EntityCodeCoverageContent } from '../src/plugin';
 
 createDevApp()
   .registerPlugin(codeCoveragePlugin)
   .addPage({
-    element: <CodeCoveragePage />,
+    element: <EntityCodeCoverageContent />,
     title: 'Root Page',
   })
   .render();
diff --git a/plugins/code-coverage/src/api.ts b/plugins/code-coverage/src/api.ts
index 2fa2dab05a..d168f50d95 100644
--- a/plugins/code-coverage/src/api.ts
+++ b/plugins/code-coverage/src/api.ts
@@ -15,7 +15,6 @@
  */
 
 import { createApiRef, DiscoveryApi } from '@backstage/core';
-import { Config } from '@backstage/config';
 import { EntityName, stringifyEntityRef } from '@backstage/catalog-model';
 import {
   JsonCodeCoverage,
diff --git a/plugins/code-coverage/src/dev/index.tsx b/plugins/code-coverage/src/dev/index.tsx
index 5c944b097a..4bbcdf07c5 100644
--- a/plugins/code-coverage/src/dev/index.tsx
+++ b/plugins/code-coverage/src/dev/index.tsx
@@ -17,12 +17,13 @@
 import { createDevApp } from '@backstage/dev-utils';
 import { codeCoveragePlugin } from '../plugin';
 import { codeCoverageApiRef, CodeCoverageRestApi } from '../api';
+import { discoveryApiRef } from '@backstage/core-api';
 
 createDevApp()
   .registerPlugin(codeCoveragePlugin)
   .registerApi({
     api: codeCoverageApiRef,
-    deps: {},
-    factory: () => new CodeCoverageRestApi('http://localhost:3000'),
+    deps: { discoveryApi: discoveryApiRef },
+    factory: ({ discoveryApi }) => new CodeCoverageRestApi(discoveryApi),
   })
   .render();