diff --git a/addons/viewport/preset.js b/addons/viewport/preset.js
new file mode 100644
index 000000000000..a83f95279e7f
--- /dev/null
+++ b/addons/viewport/preset.js
@@ -0,0 +1 @@
+module.exports = require('./dist/preset');
diff --git a/addons/viewport/register.js b/addons/viewport/register.js
index fe7ac6e73682..cc38cb06f1f2 100644
--- a/addons/viewport/register.js
+++ b/addons/viewport/register.js
@@ -1,3 +1 @@
-// NOTE: loading addons using this file is deprecated!
-// please use manager.js and preview.js files instead
 require('./dist/register');
diff --git a/addons/viewport/src/preset/index.ts b/addons/viewport/src/preset/index.ts
new file mode 100644
index 000000000000..0e20177db06c
--- /dev/null
+++ b/addons/viewport/src/preset/index.ts
@@ -0,0 +1,3 @@
+export function managerEntries(entry: any[] = []) {
+  return [...entry, require.resolve('../register')];
+}