diff --git a/src/main.ts b/src/main.ts
index 2a9499c..5b24402 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,4 @@
-import papi from 'papi-backend';
-
-const { logger } = papi;
+import { logger } from 'papi-backend';
 
 export async function activate() {
   logger.info('Extension template is activating!');
diff --git a/webpack/webpack.config.base.ts b/webpack/webpack.config.base.ts
index 68122da..3e4e06a 100644
--- a/webpack/webpack.config.base.ts
+++ b/webpack/webpack.config.base.ts
@@ -44,6 +44,7 @@ const configBase: webpack.Configuration = {
     'react-dom',
     'react-dom/client',
     'papi-frontend',
+    'papi-frontend/react',
     'papi-backend',
     '@sillsdev/scripture',
   ],