fix: broken devtools with dynamic path

.changeset/silver-plums-repeat.md

@@ -0,0 +1,5 @@
+---
+"frog": patch
+---
+
+Fixed the `this._dev` route to be prioritized over dynamic path (`/:dynamic-path`) if it exists

playground/src/index.tsx

@@ -221,6 +221,26 @@ export const app = new Frog({
       ],
     })
   })
+  .frame('/:dynamic', (c) => {
+    const dynamic = c.req.param('dynamic')
+    return c.res({
+      image: (
+        <div
+          style={{
+            display: 'flex',
+            backgroundColor: 'black',
+            color: 'white',
+            fontSize: 60,
+            width: '100%',
+            height: '100%',
+          }}
+        >
+          dynamic route {dynamic} should still work with devtools
+        </div>
+      ),
+      intents: [<Button>rerender</Button>],
+    })
+  })
   .route('/fonts', fontsApp)
   .route('/middleware', middlewareApp)
   .route('/neynar', neynarApp)

src/frog-base.tsx

@@ -274,6 +274,14 @@ export class FrogBase<
 
     if (dev) this.dev = { enabled: true, ...(dev ?? {}) }
     this._dev = undefined // this is set `true` by `devtools` helper
+
+    // allow devtools to work with dynamic params off base path
+    this.hono.all('*', async (c, next) => {
+      if (this._dev)
+        for (const { handler, path } of c.req.matchedRoutes)
+          if (path === this._dev) return handler(c, next)
+      await next()
+    })
   }
 
   frame: HandlerInterface<env, 'frame', schema, basePath> = (