diff --git a/.eslintignore b/.eslintignore
index d54e2b0..6c1c12f 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,3 +1,6 @@
+cookbook/public/**
 cookbook/src/gatsby-theme-carbon/**
 dist/**
 node_modules/**
+reports/**
+storybook-static/**
diff --git a/gulpfile.js b/gulpfile.js
index 4e53505..c147cee 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,12 +1,9 @@
-
-
-/* eslint-disable  no-console */
-const path = require('path');
-const gulp = require('gulp');
-const shell = require('shelljs');
+const path = require("path");
+const gulp = require("gulp");
+const shell = require("shelljs");
 
 // Load env vars from the .env file.
-require('dotenv').config();
+require("dotenv").config();
 
 /*
  * This task generates a development bundle to the specified output folder.
@@ -24,29 +21,36 @@ require('dotenv').config();
  * before it is transpiled by Babel.
  */
 
-gulp.task('deploy:spm', async () => {
+gulp.task("deploy:spm", async () => {
   if (process.env.CLIENT_DIR) {
     const customComponentName = process.env.CUSTOM_COMPONENT_NAME || "custom";
-    const customComponentLocation = process.env.CLIENT_DIR + "/components/" + customComponentName + "/WebContent/CDEJ/jscript/SPMUIComponents";
-    shell.echo(`\n[INFO] Copying the generated files to custom component: ${customComponentLocation}`);
+    const customComponentLocation = `${process.env.CLIENT_DIR}/components/${customComponentName}/WebContent/CDEJ/jscript/SPMUIComponents`;
+    shell.echo(
+      `\n[INFO] Copying the generated files to custom component: ${customComponentLocation}`,
+    );
     shell.exec(
       `webpack --mode=development --devtool=eval-source-map\
       --output-path=${customComponentLocation}`,
-      { fatal: true }
+      { fatal: true },
     );
   } else {
-    throw new  Error("Env var CLIENT_DIR is not defined in the .env file. It should be set to the weblicent directory.")
+    throw new Error(
+      "Env var CLIENT_DIR is not defined in the .env file. It should be set to the weblicent directory.",
+    );
   }
 });
 
-gulp.task('dev:spm', () => {
+gulp.task("dev:spm", () => {
   if (!process.env.CLIENT_DIR) {
-    throw new  Error("Env var CLIENT_DIR is not defined in the .env file. It should be set to the weblicent directory.")
+    throw new Error(
+      "Env var CLIENT_DIR is not defined in the .env file. It should be set to the weblicent directory.",
+    );
   }
-  const cdejLocation = process.env.RELATIVE_PATH_TO_BUNDLE || "CDEJ/jscript/SPMUIComponents";
+  const cdejLocation =
+    process.env.RELATIVE_PATH_TO_BUNDLE || "CDEJ/jscript/SPMUIComponents";
   const output =
-    process.env.CLIENT_DIR + "/WebContent/" + cdejLocation ||
-    path.resolve(__dirname, '/dist');
+    `${process.env.CLIENT_DIR}/WebContent/${cdejLocation}` ||
+    path.resolve(__dirname, "/dist");
 
   shell.echo(`\n[INFO] Generating the dev bundle to path: ${output}
 [INFO] Any changes to the files will automatically trigger a new bundle generation.`);
@@ -55,22 +59,19 @@ gulp.task('dev:spm', () => {
     `webpack --mode=development --devtool=eval-source-map\
     --output-path=${output} --watch\
    `,
-    { fatal: true }
+    { fatal: true },
   );
 
-  shell.echo(`\n\n[INFO] Bundle Generated into ${output} \n[INFO] Watching for file changes`);
- 
+  shell.echo(
+    `\n\n[INFO] Bundle Generated into ${output} \n[INFO] Watching for file changes`,
+  );
 });
 
-gulp.task('prod:spm', (done) => {
-  const output = path.resolve(__dirname, '/dist');
-  
+gulp.task("prod:spm", (done) => {
+  const output = path.resolve(__dirname, "/dist");
+
   shell.echo(`\n[INFO] Generating the dev bundle to path: ${output}.`);
 
-  shell.exec(
-    `webpack --mode production`,
-    { fatal: true}
-  );
+  shell.exec(`webpack --mode production`, { fatal: true });
   done();
 });
-
diff --git a/packages/carbon-addons-devenv/sample_renderers/index.js b/packages/carbon-addons-devenv/sample_renderers/index.js
index 1883de8..a3eca74 100644
--- a/packages/carbon-addons-devenv/sample_renderers/index.js
+++ b/packages/carbon-addons-devenv/sample_renderers/index.js
@@ -1,8 +1,8 @@
 /*
- * Copyright Merative US L.P. 2020
+ * Copyright Merative US L.P. 2020, 2024
  */
 
-import PersonFolio from './PersonFolio';
-import Logo from './Logo';
+import PersonFolio from "./personFolio";
+import Logo from "./logo";
 
 export default { PersonFolio, Logo };
diff --git a/packages/carbon-addons-devenv/sample_renderers/logo/LogoRenderer.js b/packages/carbon-addons-devenv/sample_renderers/logo/LogoRenderer.js
index e9f9498..a5ef8de 100644
--- a/packages/carbon-addons-devenv/sample_renderers/logo/LogoRenderer.js
+++ b/packages/carbon-addons-devenv/sample_renderers/logo/LogoRenderer.js
@@ -1,15 +1,13 @@
-/* eslint-disable no-undef */
-/* eslint-disable no-console */
 /*
- * Copyright Merative US L.P. 2022
+ * Copyright Merative US L.P. 2022, 2024
  */
-/* eslint import/no-unresolved: [2, { ignore: ['devenv_pkg*.'] }] */
 // NOTE: from custom-carbon-addons package reference to Renderer would be he following
 // import { Renderer } from 'devenv_pkg/src/apollo-client-hooks';
-import { Renderer } from 'devenv_pkg/src/apollo-client-hooks';
+// eslint-disable-next-line import/no-unresolved
+import { Renderer } from "devenv_pkg/src/apollo-client-hooks";
 
 const render = async (containerId, config) => {
-  Renderer.create(containerId, config, 'LogoComponentApolloClientHook');
+  Renderer.create(containerId, config, "LogoComponentApolloClientHook");
 };
 
 export default render;
diff --git a/packages/carbon-addons-devenv/sample_renderers/personFolio/PersonFolioRenderer.js b/packages/carbon-addons-devenv/sample_renderers/personFolio/PersonFolioRenderer.js
index 083992c..6f09a54 100644
--- a/packages/carbon-addons-devenv/sample_renderers/personFolio/PersonFolioRenderer.js
+++ b/packages/carbon-addons-devenv/sample_renderers/personFolio/PersonFolioRenderer.js
@@ -1,15 +1,13 @@
-/* eslint-disable no-undef */
-/* eslint-disable no-console */
 /*
- * Copyright Merative US L.P. 2021, 2022
+ * Copyright Merative US L.P. 2021, 2024
  */
-/* eslint import/no-unresolved: [2, { ignore: ['devenv_pkg*.'] }] */
 // NOTE: from custom-carbon-addons package reference to Renderer would be he following
 // import { Renderer } from 'devenv_pkg/src/apollo-client-hooks';
-import { Renderer } from 'devenv_pkg/src/apollo-client-hooks';
+// eslint-disable-next-line import/no-unresolved
+import { Renderer } from "devenv_pkg/src/apollo-client-hooks";
 
 const render = async (containerId, config) => {
-  Renderer.create(containerId, config, 'PersonComponentApolloClientHook');
+  Renderer.create(containerId, config, "PersonComponentApolloClientHook");
 };
 
 export default render;
diff --git a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/LogoDataProvider.js b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/LogoDataProvider.js
index 1e5ef36..cca4fe5 100644
--- a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/LogoDataProvider.js
+++ b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/LogoDataProvider.js
@@ -1,27 +1,26 @@
 /*
- * Copyright Merative US L.P. 2021, 2022
+ * Copyright Merative US L.P. 2021, 2024
  */
-/* eslint import/no-unresolved: [2, { ignore: ['devenv_pkg*.'] }] */
-import React from 'react';
-import PropTypes from 'prop-types';
-// NOTE: 
+import React from "react";
+import PropTypes from "prop-types";
+// NOTE:
 // from custom-carbon-addons package reference to ApolloClientDataProvider  would be he following
 // import { ApolloClientDataProvider } from 'devenv_pkg/src/apollo-client-hooks';
-import ApolloClientDataProvider from 'devenv_pkg/src/apollo-client-hooks/core/ApolloClientDataProvider';
-import LogoQueryProvider from './LogoQueryProvider';
-
+// eslint-disable-next-line import/no-unresolved
+import ApolloClientDataProvider from "devenv_pkg/src/apollo-client-hooks/core/ApolloClientDataProvider";
+import LogoQueryProvider from "./LogoQueryProvider";
 
 const LogoDataProvider = ({ configuration, apolloClient }) => {
   return (
-    <ApolloClientDataProvider apolloClient={apolloClient} >
-      <LogoQueryProvider configuration={configuration}/>
+    <ApolloClientDataProvider apolloClient={apolloClient}>
+      <LogoQueryProvider configuration={configuration} />
     </ApolloClientDataProvider>
   );
 };
 
 LogoDataProvider.propTypes = {
   configuration: PropTypes.object.isRequired,
-  apolloClient: PropTypes.object.isRequired
-}
+  apolloClient: PropTypes.object.isRequired,
+};
 
 export default LogoDataProvider;
diff --git a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/LogoQueryProvider.js b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/LogoQueryProvider.js
index 01309b6..9eda195 100644
--- a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/LogoQueryProvider.js
+++ b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/LogoQueryProvider.js
@@ -1,25 +1,32 @@
 /*
- * Copyright Merative US L.P. 2021, 2022
+ * Copyright Merative US L.P. 2021, 2024
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
-/* eslint import/no-unresolved: [2, { ignore: ['devenv_pkg*.'] }] */
-import Logo  from 'devenv_pkg/src/react/addons_samples/Logo/Logo';
-// NOTE: 
+import React from "react";
+import PropTypes from "prop-types";
+// eslint-disable-next-line import/no-unresolved
+import Logo from "devenv_pkg/src/react/addons_samples/Logo/Logo";
+// NOTE:
 // from custom-carbon-addons package reference to ApolloClientQueryProvider would be he following
 // import { ApolloClientQueryProvider } from 'devenv_pkg/src/apollo-client-hooks';
-import ApolloClientQueryProvider from 'devenv_pkg/src/apollo-client-hooks/core/ApolloClientQueryProvider';
-import { useGetLogo } from './LogoQuery';
+// eslint-disable-next-line import/no-unresolved
+import ApolloClientQueryProvider from "devenv_pkg/src/apollo-client-hooks/core/ApolloClientQueryProvider";
+import { useGetLogo } from "./LogoQuery";
 
 const LogoQueryProvider = ({ configuration }) => {
-
   const { data } = useGetLogo(configuration.logoId);
-  const propertyName = 'logo';
+  const propertyName = "logo";
   // dataa in this instance is juts an oject rather than an array
-  const logo = (<>{data && data[propertyName] && (
-    <Logo key={data[propertyName].logoId} imageName={data[propertyName].name}/>
-   )}</>);
+  const logo = (
+    <>
+      {data && data[propertyName] && (
+        <Logo
+          key={data[propertyName].logoId}
+          imageName={data[propertyName].name}
+        />
+      )}
+    </>
+  );
 
   if (!data) return <></>;
 
@@ -28,7 +35,6 @@ const LogoQueryProvider = ({ configuration }) => {
       {logo}
     </ApolloClientQueryProvider>
   );
-
 };
 
 LogoQueryProvider.propTypes = {
diff --git a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/index.js b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/index.js
index 6f0beda..9768edb 100644
--- a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/index.js
+++ b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Logo/index.js
@@ -1,10 +1,10 @@
 /*
- * Copyright Merative US L.P. 2020, 2022
+ * Copyright Merative US L.P. 2020, 2024
  */
 
-/* eslint import/no-unresolved: [2, { ignore: ['devenv_pkg*.'] }] */
-import { ApolloClientHookTemplate } from 'devenv_pkg/src/apollo-client-hooks';
-import LogoDataProvider from './LogoDataProvider';
+// eslint-disable-next-line import/no-unresolved
+import { ApolloClientHookTemplate } from "devenv_pkg/src/apollo-client-hooks";
+import LogoDataProvider from "./LogoDataProvider";
 
 const LogoComponentApolloClientHook = (container, configuration) => {
   ApolloClientHookTemplate(container, configuration, LogoDataProvider);
diff --git a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/PersonDataProvider.js b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/PersonDataProvider.js
index 99764d7..4031889 100644
--- a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/PersonDataProvider.js
+++ b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/PersonDataProvider.js
@@ -1,26 +1,26 @@
 /*
- * Copyright Merative US L.P. 2021, 2022
+ * Copyright Merative US L.P. 2021, 2024
  */
-/* eslint import/no-unresolved: [2, { ignore: ['devenv_pkg*.'] }] */
-import React from 'react';
-import PropTypes from 'prop-types';
-// NOTE: 
+import React from "react";
+import PropTypes from "prop-types";
+// NOTE:
 // from custom-carbon-addons package reference to ApolloClientDataProvider  would be he following
 // import { ApolloClientDataProvider } from 'devenv_pkg/src/apollo-client-hooks';
-import ApolloClientDataProvider from 'devenv_pkg/src/apollo-client-hooks/core/ApolloClientDataProvider';
-import PersonFolioQueryProvider from './PersonFolioQueryProvider';
+// eslint-disable-next-line import/no-unresolved
+import ApolloClientDataProvider from "devenv_pkg/src/apollo-client-hooks/core/ApolloClientDataProvider";
+import PersonFolioQueryProvider from "./PersonFolioQueryProvider";
 
 const PersonDataProvider = ({ configuration, apolloClient }) => {
   return (
-    <ApolloClientDataProvider apolloClient={apolloClient} >
-      <PersonFolioQueryProvider configuration={configuration}/>
+    <ApolloClientDataProvider apolloClient={apolloClient}>
+      <PersonFolioQueryProvider configuration={configuration} />
     </ApolloClientDataProvider>
   );
 };
 
 PersonDataProvider.propTypes = {
   configuration: PropTypes.object.isRequired,
-  apolloClient: PropTypes.object.isRequired
-}
+  apolloClient: PropTypes.object.isRequired,
+};
 
 export default PersonDataProvider;
diff --git a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/PersonFolioQueryProvider.js b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/PersonFolioQueryProvider.js
index c7327f8..5564452 100644
--- a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/PersonFolioQueryProvider.js
+++ b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/PersonFolioQueryProvider.js
@@ -1,23 +1,34 @@
 /*
- * Copyright Merative US L.P. 2021, 2022
+ * Copyright Merative US L.P. 2021, 2024
  */
-/* eslint import/no-unresolved: [2, { ignore: ['devenv_pkg*.'] }] */
-import React from 'react';
-import PropTypes from 'prop-types';
-// NOTE: 
+import React from "react";
+import PropTypes from "prop-types";
+// NOTE:
 // from custom-carbon-addons package reference to ApolloClientQueryProvider would be he following
 // import { ApolloClientQueryProvider } from 'devenv_pkg/src/apollo-client-hooks';
-import ApolloClientQueryProvider from 'devenv_pkg/src/apollo-client-hooks/core/ApolloClientQueryProvider';
-import PersonFolio  from 'devenv_pkg/src/react/addons_samples/PersonFolio/PersonFolio';
-import { useGetPersons } from './PersonQuery';
+// eslint-disable-next-line import/no-unresolved
+import ApolloClientQueryProvider from "devenv_pkg/src/apollo-client-hooks/core/ApolloClientQueryProvider";
+// eslint-disable-next-line import/no-unresolved
+import PersonFolio from "devenv_pkg/src/react/addons_samples/PersonFolio/PersonFolio";
+import { useGetPersons } from "./PersonQuery";
 
 const PersonFolioQueryProvider = ({ configuration }) => {
-  const propertyName = 'persons';
+  const propertyName = "persons";
   const { data } = useGetPersons();
   // 'persons' from graphql query is an array so return as list
-  const personToRender = (<>{data && data[propertyName].map(person => (
-    <PersonFolio key={person.id} firstname={person.firstname} surname={person.surname} age={person.age}/>
-   ))}</>);
+  const personToRender = (
+    <>
+      {data &&
+        data[propertyName].map((person) => (
+          <PersonFolio
+            key={person.id}
+            firstname={person.firstname}
+            surname={person.surname}
+            age={person.age}
+          />
+        ))}
+    </>
+  );
 
   if (!data) return <></>;
 
@@ -26,7 +37,6 @@ const PersonFolioQueryProvider = ({ configuration }) => {
       {personToRender}
     </ApolloClientQueryProvider>
   );
-
 };
 
 PersonFolioQueryProvider.propTypes = {
diff --git a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/index.js b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/index.js
index e38b519..1fc2bf5 100644
--- a/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/index.js
+++ b/packages/carbon-addons-devenv/src/apollo-client-hooks/hook_samples/Person/index.js
@@ -1,12 +1,12 @@
 /*
- * Copyright Merative US L.P. 2021, 2022
+ * Copyright Merative US L.P. 2021, 2024
  */
-/* eslint import/no-unresolved: [2, { ignore: ['devenv_pkg*.'] }] */
-import { ApolloClientHookTemplate } from 'devenv_pkg/src/apollo-client-hooks';
-import PersonDataProvider from './PersonDataProvider';
+// eslint-disable-next-line import/no-unresolved
+import { ApolloClientHookTemplate } from "devenv_pkg/src/apollo-client-hooks";
+import PersonDataProvider from "./PersonDataProvider";
 
 const PersonComponentApolloClientHook = (container, config) => {
   ApolloClientHookTemplate(container, config, PersonDataProvider);
-}
+};
 
 export default PersonComponentApolloClientHook;
diff --git a/packages/carbon-addons-devenv/src/dynamicExports.js b/packages/carbon-addons-devenv/src/dynamicExports.js
index 3e0a10b..8267646 100644
--- a/packages/carbon-addons-devenv/src/dynamicExports.js
+++ b/packages/carbon-addons-devenv/src/dynamicExports.js
@@ -1,19 +1,18 @@
-
 /*
    Use when the main bundle is not on the same level as the script calling it.
    Webpack will reference this path when emitting the chunks
 */
 export const usePublicPath = async (path) => {
-    if (path) {
-      __webpack_public_path__ = path; // eslint-disable-line
-    }
-  };
-
+  if (path) {
+    // eslint-disable-next-line camelcase, no-undef
+    __webpack_public_path__ = path;
+  }
+};
 
 /* Imports Carbon Addons dynamically */
 export const requireCustomCarbonAddons = async () => {
-    const customCarbonAddons = await import(
-        /* webpackChunkName: "simple" */ '../../custom-carbon-addons/src/apollo-client-hooks'
-    );
-    return customCarbonAddons;
-  };
\ No newline at end of file
+  const customCarbonAddons = await import(
+    /* webpackChunkName: "simple" */ "../../custom-carbon-addons/src/apollo-client-hooks"
+  );
+  return customCarbonAddons;
+};
diff --git a/packages/carbon-addons-devenv/src/staticExports.js b/packages/carbon-addons-devenv/src/staticExports.js
index 7ef1447..fa21604 100644
--- a/packages/carbon-addons-devenv/src/staticExports.js
+++ b/packages/carbon-addons-devenv/src/staticExports.js
@@ -1,5 +1,5 @@
 /*
- * Copyright Merative US L.P. 2020
+ * Copyright Merative US L.P. 2020, 2024
  */
 
 /**
@@ -7,6 +7,5 @@
  *
  * These are commonly used imports that should be part of the main bundle.
  */
-// eslint-disable-next-line import/prefer-default-export
-export { default as sampleRenderers } from '../sample_renderers';
-export { default as renderers } from '../../custom-carbon-addons/renderers';
+export { default as sampleRenderers } from "../sample_renderers";
+export { default as renderers } from "../../custom-carbon-addons/renderers";
diff --git a/packages/custom-carbon-addons/src/apollo-client-hooks/hooks/components/index.js b/packages/custom-carbon-addons/src/apollo-client-hooks/hooks/components/index.js
index 901b12d..eb31fd7 100644
--- a/packages/custom-carbon-addons/src/apollo-client-hooks/hooks/components/index.js
+++ b/packages/custom-carbon-addons/src/apollo-client-hooks/hooks/components/index.js
@@ -1,6 +1,5 @@
-/* eslint-disable import/prefer-default-export */
 /*
- * Copyright Merative US L.P. 2022
+ * Copyright Merative US L.P. 2022, 2024
  */
 
 // INSTRUCTIONS:
diff --git a/packages/custom-carbon-addons/src/apollo-client-hooks/hooks/features/index.js b/packages/custom-carbon-addons/src/apollo-client-hooks/hooks/features/index.js
index 0b17344..cde040a 100644
--- a/packages/custom-carbon-addons/src/apollo-client-hooks/hooks/features/index.js
+++ b/packages/custom-carbon-addons/src/apollo-client-hooks/hooks/features/index.js
@@ -1,6 +1,5 @@
-/* eslint-disable import/prefer-default-export */
 /*
- * Copyright Merative US L.P. 2022
+ * Copyright Merative US L.P. 2022, 2024
  */
 
 // INSTRUCTIONS:
diff --git a/packages/custom-carbon-addons/src/apollo-client-hooks/index.js b/packages/custom-carbon-addons/src/apollo-client-hooks/index.js
index 6b4c8fa..3918ff0 100644
--- a/packages/custom-carbon-addons/src/apollo-client-hooks/index.js
+++ b/packages/custom-carbon-addons/src/apollo-client-hooks/index.js
@@ -1,15 +1,18 @@
 /*
- * Copyright Merative US L.P. 2021
+ * Copyright Merative US L.P. 2021, 2024
  */
-/* eslint import/no-unresolved: [2, { ignore: ['devenv_pkg*.'] }] */
-import { ApolloClientHooks } from 'devenv_pkg/src/apollo-client-hooks';
-import * as CustomApolloClientHooks from './hooks/components';
+// eslint-disable-next-line import/no-unresolved
+import { ApolloClientHooks } from "devenv_pkg/src/apollo-client-hooks";
+import * as CustomApolloClientHooks from "./hooks/components";
 
 // ApolloClientHooks object initially has the list of sample components to be renderered
 // The custom appollo client hooks are automatically added to the sample ones below
 // INSTRUCTIONS: Add custom ones to components/index.js (and/or feature/index.js)
 
-const updatedApolloClientHooks = { ...ApolloClientHooks, ...CustomApolloClientHooks };
+const updatedApolloClientHooks = {
+  ...ApolloClientHooks,
+  ...CustomApolloClientHooks,
+};
 
 // eslint-disable-next-line import/prefer-default-export
 export { updatedApolloClientHooks as ApolloClientHooks };
diff --git a/packages/custom-carbon-addons/src/index.js b/packages/custom-carbon-addons/src/index.js
index 055cf71..2969f6f 100644
--- a/packages/custom-carbon-addons/src/index.js
+++ b/packages/custom-carbon-addons/src/index.js
@@ -1,9 +1,8 @@
-/*
- * Copyright Merative US L.P. 2021
- */
-
-/* eslint import/no-unresolved: [2, { ignore: ['devenv_pkg*.'] }] */
-import { renderers, sampleRenderers }  from 'devenv_pkg/src';
-
-// eslint-disable-next-line import/prefer-default-export
-export { renderers, sampleRenderers };
+/*
+ * Copyright Merative US L.P. 2021, 2024
+ */
+
+// eslint-disable-next-line import/no-unresolved
+import { renderers, sampleRenderers } from "devenv_pkg/src";
+
+export { renderers, sampleRenderers };
diff --git a/packages/graphql-mocks/resolvers/data/sampleLogoData.js b/packages/graphql-mocks/resolvers/data/sampleLogoData.js
index 6ad4d1c..d07efb9 100644
--- a/packages/graphql-mocks/resolvers/data/sampleLogoData.js
+++ b/packages/graphql-mocks/resolvers/data/sampleLogoData.js
@@ -1,9 +1,8 @@
-
 const logoData = (parent, args) => {
-  if (args.logoId == 'id_1') {
-    return {name: 'avatar__adult--125-enabled.svg', logoId: 'id_1'};
+  if (args.logoId === "id_1") {
+    return { name: "avatar__adult--125-enabled.svg", logoId: "id_1" };
   }
-  return {name: 'avatar__child--125-enabled.svg', logoId: 'id_2'};
-}
-  
-module.exports = { logoData };
\ No newline at end of file
+  return { name: "avatar__child--125-enabled.svg", logoId: "id_2" };
+};
+
+module.exports = { logoData };
diff --git a/packages/graphql-mocks/server.js b/packages/graphql-mocks/server.js
index 635488d..984b7b5 100644
--- a/packages/graphql-mocks/server.js
+++ b/packages/graphql-mocks/server.js
@@ -1,28 +1,28 @@
-const express = require('express');
-const cors = require('cors');
-const { graphqlHTTP } = require('express-graphql');
-const { makeExecutableSchema } = require('@graphql-tools/schema');
-const open = require('open');
-const { TypeDefs } = require('./typeDefs');
-const { Resolvers } = require('./resolvers');
+const express = require("express");
+const cors = require("cors");
+const { graphqlHTTP } = require("express-graphql");
+const { makeExecutableSchema } = require("@graphql-tools/schema");
+const open = require("open");
+const { TypeDefs } = require("./typeDefs");
+const { Resolvers } = require("./resolvers");
 
-
-const schema = makeExecutableSchema({ 
+const schema = makeExecutableSchema({
   typeDefs: TypeDefs,
   resolvers: Resolvers,
 });
 
 const app = express();
-app.use(cors({
-  origin: '*'
-}));
-app.use('/graphql', graphqlHTTP({
-  schema,
-  graphiql: true,
-}));
+app.use(
+  cors({
+    origin: "*",
+  }),
+);
+app.use(
+  "/graphql",
+  graphqlHTTP({
+    schema,
+    graphiql: true,
+  }),
+);
 app.listen(4000);
-open('http://localhost:4000/graphql');
-console.log('...........................................................');
-console.log('Running GraphQL mocks api at http://localhost:4000/graphql');
-console.log('...........................................................');
-console.log('');
\ No newline at end of file
+open("http://localhost:4000/graphql");
diff --git a/public-path.js b/public-path.js
index e768bee..fb21020 100644
--- a/public-path.js
+++ b/public-path.js
@@ -1,7 +1,5 @@
-
-
 // Path to SPMUIComponents directory (relative to WebContent folder).
-const spmUIComponentsBaseURL =  process.env.RELATIVE_PATH_TO_BUNDLE;
+const spmUIComponentsBaseURL = process.env.RELATIVE_PATH_TO_BUNDLE;
 
 // Retrieves Static Content Server from SPM.
 //
@@ -9,8 +7,8 @@ const spmUIComponentsBaseURL =  process.env.RELATIVE_PATH_TO_BUNDLE;
 // is requested by a UIM iframe the parent window is checked instead.
 const serverRootURL =
   window.curam || window.parent.curam
-    ? window.curam.serverRootURL || window.parent.curam.serverRootURL || ''
-    : '';
+    ? window.curam.serverRootURL || window.parent.curam.serverRootURL || ""
+    : "";
 
 // If a Static Content Server URL is not set, '../' must be prepended to
 // the URL to get the correct relative path.
@@ -21,4 +19,5 @@ const spmUIComponentsRootURL = serverRootURL
 // Concatenate the correct public path for use in webpack bundles.
 const publicPath = `${serverRootURL}${spmUIComponentsRootURL}`;
 
-export default __webpack_public_path__ = publicPath; // eslint-disable-line
+// eslint-disable-next-line camelcase, no-undef
+export default __webpack_public_path__ = publicPath;