diff --git a/Gemfile b/Gemfile
index 00c2fb4..95ceb67 100644
--- a/Gemfile
+++ b/Gemfile
@@ -4,7 +4,7 @@ source "https://rubygems.org"
 gem "nanoc", "~> 4.12"
 gem "nanoc-live", "~> 1.0"
 gem "nanoc-gunzip.rb", "~> 0.1"
-gem "nanoc-webpack.rb", "~> 0.1", git: "https://github.com/0x1eef/nanoc-webpack.rb"
+gem "nanoc-webpack.rb", "~> 0.1", git: "https://github.com/0x1eef/nanoc-webpack.rb", branch: "feat/depends_on"
 gem "rainpress", "~> 1.0"
 gem "sass"
 gem "standardrb"
diff --git a/Gemfile.lock b/Gemfile.lock
index 6aec205..301c069 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,6 +1,7 @@
 GIT
   remote: https://github.com/0x1eef/nanoc-webpack.rb
-  revision: 0652027c4661511ff1cf896bbf98c41e15b5c6c9
+  revision: d610596e4b3c0e83922cf0b80d2b40ec94d39b84
+  branch: feat/depends_on
   specs:
     nanoc-webpack.rb (0.1.0)
       ryo.rb (~> 0.3)
diff --git a/Rules b/Rules
index 7139385..f4b77fa 100644
--- a/Rules
+++ b/Rules
@@ -55,7 +55,7 @@ end
 ##
 # /js/pages/surah.js
 compile "/js/pages/TheSurahPage.tsx" do
-  filter :webpack
+  filter :webpack, depend_on: "/js/{lib,components,hooks}/**/*.{ts,tsx,js}"
   write "/js/pages/surah.js"
   filter :gzip_text
   write "/js/pages/surah.js.gz"