diff --git a/plugins/cc-cli/templates/document/import/bundle.esm.js b/plugins/cc-cli/templates/document/import/bundle.esm.js
index 8199e7f0a..4d78db583 100644
--- a/plugins/cc-cli/templates/document/import/bundle.esm.js
+++ b/plugins/cc-cli/templates/document/import/bundle.esm.js
@@ -1,2 +1,2 @@
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
\ No newline at end of file
+import { render as reactRender } from '@component-controls/render/react';
\ No newline at end of file
diff --git a/plugins/cc-cli/templates/document/import/bundle.ts.js b/plugins/cc-cli/templates/document/import/bundle.ts.js
index 8199e7f0a..4d78db583 100644
--- a/plugins/cc-cli/templates/document/import/bundle.ts.js
+++ b/plugins/cc-cli/templates/document/import/bundle.ts.js
@@ -1,2 +1,2 @@
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
\ No newline at end of file
+import { render as reactRender } from '@component-controls/render/react';
\ No newline at end of file
diff --git a/plugins/cc-cli/templates/story/import/bundle.esm.js b/plugins/cc-cli/templates/story/import/bundle.esm.js
index 8199e7f0a..4d78db583 100644
--- a/plugins/cc-cli/templates/story/import/bundle.esm.js
+++ b/plugins/cc-cli/templates/story/import/bundle.esm.js
@@ -1,2 +1,2 @@
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
\ No newline at end of file
+import { render as reactRender } from '@component-controls/render/react';
\ No newline at end of file
diff --git a/plugins/cc-cli/templates/story/import/bundle.ts.js b/plugins/cc-cli/templates/story/import/bundle.ts.js
index 8199e7f0a..4d78db583 100644
--- a/plugins/cc-cli/templates/story/import/bundle.ts.js
+++ b/plugins/cc-cli/templates/story/import/bundle.ts.js
@@ -1,2 +1,2 @@
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
\ No newline at end of file
+import { render as reactRender } from '@component-controls/render/react';
\ No newline at end of file
diff --git a/plugins/cc-cli/test/__snapshots__/document-enzyme-bundle-esm.test.ts.snap b/plugins/cc-cli/test/__snapshots__/document-enzyme-bundle-esm.test.ts.snap
index a3da649a6..136d8673f 100644
--- a/plugins/cc-cli/test/__snapshots__/document-enzyme-bundle-esm.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/document-enzyme-bundle-esm.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`enzyme bundle esm 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import { mount, configure } from 'enzyme';
 import toJson from 'enzyme-to-json';
 import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
diff --git a/plugins/cc-cli/test/__snapshots__/document-enzyme-bundle-ts.test.ts.snap b/plugins/cc-cli/test/__snapshots__/document-enzyme-bundle-ts.test.ts.snap
index b42748e1c..8ab7fe7d9 100644
--- a/plugins/cc-cli/test/__snapshots__/document-enzyme-bundle-ts.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/document-enzyme-bundle-ts.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`enzyme bundle ts 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import { mount, configure } from 'enzyme';
 import toJson from 'enzyme-to-json';
 import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
diff --git a/plugins/cc-cli/test/__snapshots__/document-rtl-bundle-esm.test.ts.snap b/plugins/cc-cli/test/__snapshots__/document-rtl-bundle-esm.test.ts.snap
index 269ceeeb8..fe1f892c1 100644
--- a/plugins/cc-cli/test/__snapshots__/document-rtl-bundle-esm.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/document-rtl-bundle-esm.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`rtl bundle esm 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import { render, act } from '@testing-library/react';
 import { renderErr } from '@component-controls/test-renderers';
 
diff --git a/plugins/cc-cli/test/__snapshots__/document-rtl-bundle-ts.test.ts.snap b/plugins/cc-cli/test/__snapshots__/document-rtl-bundle-ts.test.ts.snap
index 421320d5c..519e81bd1 100644
--- a/plugins/cc-cli/test/__snapshots__/document-rtl-bundle-ts.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/document-rtl-bundle-ts.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`rtl bundle ts 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import { render, act } from '@testing-library/react';
 import { renderErr } from '@component-controls/test-renderers';
 
diff --git a/plugins/cc-cli/test/__snapshots__/document-rtr-bundle-esm.test.ts.snap b/plugins/cc-cli/test/__snapshots__/document-rtr-bundle-esm.test.ts.snap
index c3d723bcd..036a32bd2 100644
--- a/plugins/cc-cli/test/__snapshots__/document-rtr-bundle-esm.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/document-rtr-bundle-esm.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`rtr bundle esm 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import renderer, { act } from 'react-test-renderer';
 import { renderErr, componentErr } from '@component-controls/test-renderers';
 
diff --git a/plugins/cc-cli/test/__snapshots__/document-rtr-bundle-ts.test.ts.snap b/plugins/cc-cli/test/__snapshots__/document-rtr-bundle-ts.test.ts.snap
index 596c3cb1c..c98b11329 100644
--- a/plugins/cc-cli/test/__snapshots__/document-rtr-bundle-ts.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/document-rtr-bundle-ts.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`rtr bundle ts 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import renderer, { act } from 'react-test-renderer';
 import { renderErr, componentErr } from '@component-controls/test-renderers';
 
diff --git a/plugins/cc-cli/test/__snapshots__/story-enzyme-bundle-esm.test.ts.snap b/plugins/cc-cli/test/__snapshots__/story-enzyme-bundle-esm.test.ts.snap
index b8b9fe331..cfba15cd9 100644
--- a/plugins/cc-cli/test/__snapshots__/story-enzyme-bundle-esm.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/story-enzyme-bundle-esm.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`enzyme bundle esm 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import { mount, configure } from 'enzyme';
 import toJson from 'enzyme-to-json';
 import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
diff --git a/plugins/cc-cli/test/__snapshots__/story-enzyme-bundle-ts.test.ts.snap b/plugins/cc-cli/test/__snapshots__/story-enzyme-bundle-ts.test.ts.snap
index 7ce1666fd..c3fa65567 100644
--- a/plugins/cc-cli/test/__snapshots__/story-enzyme-bundle-ts.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/story-enzyme-bundle-ts.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`enzyme bundle ts 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import { mount, configure } from 'enzyme';
 import toJson from 'enzyme-to-json';
 import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
diff --git a/plugins/cc-cli/test/__snapshots__/story-rtl-bundle-esm.test.ts.snap b/plugins/cc-cli/test/__snapshots__/story-rtl-bundle-esm.test.ts.snap
index 736c8e131..c7d467ead 100644
--- a/plugins/cc-cli/test/__snapshots__/story-rtl-bundle-esm.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/story-rtl-bundle-esm.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`rtl bundle esm 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import { render, act } from '@testing-library/react';
 import { renderErr } from '@component-controls/test-renderers';
 
diff --git a/plugins/cc-cli/test/__snapshots__/story-rtl-bundle-ts.test.ts.snap b/plugins/cc-cli/test/__snapshots__/story-rtl-bundle-ts.test.ts.snap
index 3251fec70..93cbe383c 100644
--- a/plugins/cc-cli/test/__snapshots__/story-rtl-bundle-ts.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/story-rtl-bundle-ts.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`rtl bundle ts 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import { render, act } from '@testing-library/react';
 import { renderErr } from '@component-controls/test-renderers';
 
diff --git a/plugins/cc-cli/test/__snapshots__/story-rtr-bundle-esm.test.ts.snap b/plugins/cc-cli/test/__snapshots__/story-rtr-bundle-esm.test.ts.snap
index f4215c677..3d4bef56c 100644
--- a/plugins/cc-cli/test/__snapshots__/story-rtr-bundle-esm.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/story-rtr-bundle-esm.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`rtr bundle esm 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import renderer, { act } from 'react-test-renderer';
 import { renderErr, componentErr } from '@component-controls/test-renderers';
 
diff --git a/plugins/cc-cli/test/__snapshots__/story-rtr-bundle-ts.test.ts.snap b/plugins/cc-cli/test/__snapshots__/story-rtr-bundle-ts.test.ts.snap
index 5b587a50a..306245808 100644
--- a/plugins/cc-cli/test/__snapshots__/story-rtr-bundle-ts.test.ts.snap
+++ b/plugins/cc-cli/test/__snapshots__/story-rtr-bundle-ts.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`rtr bundle ts 1`] = `
 "import * as path from 'path';
 import { loadStore } from '@component-controls/store';
-const { render: reactRender } = require('@component-controls/render/react');
+import { render as reactRender } from '@component-controls/render/react';
 import renderer, { act } from 'react-test-renderer';
 import { renderErr, componentErr } from '@component-controls/test-renderers';