diff --git a/examples/with-dynamic-import/components/hello5.js b/examples/with-dynamic-import/components/hello5.js
new file mode 100644
index 00000000..b09e189f
--- /dev/null
+++ b/examples/with-dynamic-import/components/hello5.js
@@ -0,0 +1,3 @@
+export default () => (
+  <p>Hello World 5 (imported dynamiclly) </p>
+)
diff --git a/examples/with-dynamic-import/pages/index.js b/examples/with-dynamic-import/pages/index.js
index 596e4f6b..e5b92bff 100644
--- a/examples/with-dynamic-import/pages/index.js
+++ b/examples/with-dynamic-import/pages/index.js
@@ -20,6 +20,8 @@ const DynamicComponentWithAsyncReactor = asyncReactor(async () => {
   return (<Hello4 />)
 })
 
+const DynamicComponent5 = dynamic(import('../components/hello5'))
+
 export default () => (
   <div>
     <Header />
@@ -27,6 +29,14 @@ export default () => (
     <DynamicComponentWithCustomLoading />
     <DynamicComponentWithNoSSR />
     <DynamicComponentWithAsyncReactor />
+    {
+      /*
+        Since DynamicComponent5 does not render in the client,
+        it won't get downloaded.
+      */
+    }
+    { React.noSuchField === true ? <DynamicComponent5 /> : null }
+
     <p>HOME PAGE is here!</p>
     <Counter />
   </div>