diff --git a/server-side-rendering/website1/src/components/App.js b/server-side-rendering/website1/src/components/App.js
index d24a51a4b9a..e6cf32622f7 100755
--- a/server-side-rendering/website1/src/components/App.js
+++ b/server-side-rendering/website1/src/components/App.js
@@ -3,7 +3,7 @@ import React from "react";
 import SomeComponent from "website2/SomeComponent";
 export default () => (
   <div>
-    <h1>This is website 1</h1>
+    <h1 onClick={() => alert("website1 is interactive")}>This is website 1</h1>
     <SomeComponent />
   </div>
 );
diff --git a/server-side-rendering/website2/build/webpack.config.js/client.base.js b/server-side-rendering/website2/build/webpack.config.js/client.base.js
index f2e3de633fc..c13b3106806 100755
--- a/server-side-rendering/website2/build/webpack.config.js/client.base.js
+++ b/server-side-rendering/website2/build/webpack.config.js/client.base.js
@@ -20,7 +20,7 @@ module.exports = merge.smart(common, {
     new ModuleFederationPlugin({
       name: "website2",
       library: { type: "var", name: "website2" },
-      filename: "src/index.js",
+      filename: "container.js",
       exposes: {
         SomeComponent: "./src/components/SomeComponent",
       },
diff --git a/server-side-rendering/website2/src/components/SomeComponent.js b/server-side-rendering/website2/src/components/SomeComponent.js
index cd2724105d2..9f127382ada 100644
--- a/server-side-rendering/website2/src/components/SomeComponent.js
+++ b/server-side-rendering/website2/src/components/SomeComponent.js
@@ -8,6 +8,7 @@ const SomeComponent = () => (
       border: "1px solid black",
       backgroundColor: "#ccc",
     }}
+    onClick={() => alert("website2 is interactive")}
   >
     Header
   </div>