diff --git a/packages/renderer/src/main.tsx b/packages/renderer/src/main.tsx
index 5ccdb1e..a0cfeff 100644
--- a/packages/renderer/src/main.tsx
+++ b/packages/renderer/src/main.tsx
@@ -2,6 +2,7 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import App from './App'
 import './samples/electron-store'
+import './samples/preload-module'
 import './styles/index.css'
 
 const root = createRoot(document.getElementById('root')!)
@@ -13,11 +14,3 @@ root.render(
 )
 
 window.removeLoading()
-
-console.log('fs', window.fs)
-console.log('ipcRenderer', window.ipcRenderer)
-
-// Usage of ipcRenderer.on
-window.ipcRenderer.on('main-process-message', (_event, ...args) => {
-  console.log('[Receive Main-process message]:', ...args)
-})
diff --git a/packages/renderer/src/samples/preload-module.ts b/packages/renderer/src/samples/preload-module.ts
new file mode 100644
index 0000000..526a02c
--- /dev/null
+++ b/packages/renderer/src/samples/preload-module.ts
@@ -0,0 +1,9 @@
+console.log('fs', window.fs)
+console.log('ipcRenderer', window.ipcRenderer)
+
+// Usage of ipcRenderer.on
+window.ipcRenderer.on('main-process-message', (_event, ...args) => {
+  console.log('[Receive Main-process message]:', ...args)
+})
+
+export default {}