exportPathMap root path w/ dynamic route not working

[theogravity]

I have a file in pages/thoughts/[type].tsx that I'd like to point the main index to.

My next.config.js config looks like this

module.exports = {
  exportPathMap: async () => {
    return {
      '/': { page: '/thoughts/[type]', query: { type: 'all' } }
    }
  }
}

However, when I go to the / route, I get the following error:

Unhandled Runtime Error
Error: The provided `as` value (/) is incompatible with the `href` value (/thoughts/[type]). Read more: https://err.sh/vercel/next.js/incompatible-href-as

How can I have it that when I go to /, it will use that particular page?

[theogravity]

One alternative that "works" is importing the dynamic page into the index file directly, as in:

import ThoughtsPage from './thoughts/[type]'

const IndexPage = (props = {}) => {
  return <ThoughtsPage {...props} />
}

export default IndexPage