The inspector function in the app router cannot be used

[xinyao27]

This issue can be traced back to this Issue: vercel/next.js#59457 (comment)

Currently, the lack of __debugSource in the app router makes it impossible to trace the component file path.

You can try adding @babel/plugin-transform-react-jsx-source or @react-dev-inspector/babel-plugin to .babelrc.js or babel.config.js:

// https://nextjs.org/docs/advanced-features/customizing-babel-config
module.exports = {
  presets: [
    'next/babel',
  ],
 
  plugins: [
    '@react-dev-inspector/babel-plugin',
  ],
}

For more information, please refer to: https://react-dev-inspector.zthxxx.me/docs/compiler-plugin