TypeError: Cannot read properties of undefined (reading 'columnNumber')

[bluelovers]

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots

Desktop (please complete the following information):

• OS: windows

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

Next.js v13.1.6-canary.3 react 18

[atersolis]

I ran into the same issue while trying to use this with nextjs 13. I think this is because this lib is using the source attribute generated by @babel/plugin-transform-react-jsx-source in order to work. However nextjs 13 is now using their new swc transformer and thus the `source` is missing, resulting in this error.

So one way to make this work with nextjs 13 may be to use babel instead of swc by creating a .babelrc file at the root of the project. (I could not try this myself because I need swc).

Another possible way could be to generate the __source attribute with swc. I found this option in swc's documentation but I could not find a way to enable it in nextjs 13, it seems they don't support a custom .swcrc at the moment

[dbersan]

Also having this issue, but we aren't using Babel nor SWC, as the other comment indicated. We use only tsc.

[spacecat]

Please prioritise this issue. It has a severe impact on workflow. P.S. I'm using Next.j 14.0.3 and the new App Router.

[LeonMueller-OneAndOnly]

The issue was introduced by the babel plugin transform react jsx source in v7.9.0

Since newer plugin versions dont support retrieving a column number anmyore, 0 should be used as a fallback imo. The column number isnt that important, since we only look for whole components anyway.

https://babeljs.io/docs/babel-plugin-transform-react-jsx-source