Running web-beautify-js when using react-layer causes snytax highlighting to be removed

[qnm]

Description

When editing a JSX file in spacemacs, when I beautify the file (spc-m-=), the syntax highlighting for the file is removed.

Reproduction guide

• Start Emacs
• Open JSX-format file
• Beautify file (spc-m-=)
• File is beautified

Observed behaviour:
Syntax highlighting is no longer shown

Expected behaviour:
Syntax highlighting should be shown

System Info

• OS: gnu/linux
• Emacs: 24.5.1
• Spacemacs: 0.105.16
• Spacemacs branch: master (rev. cf8563b)
• Graphic display: t
• Distribution: spacemacs
• Editing style: vim
• Completion: helm
• Layers:

(emacs-lisp react)

Backtrace

No backtrace.

[cpaulik]

I've seen the same in other modes that use web-beautify, namely .js and html. Saving the file brings back the highlighting for me.

[StreakyCobra]

Can somebody try to reproduce on a stock emacs to see if it is a Spacemacs bug or an upstream issue? SPC q D can be used to restart in stock emacs with just some packages enabled.

[cpaulik]

I just tried again. It works in .js but not in .html also when starting with SPC q D and only loading evil and helm.

[qnm]

I can confirm that the behaviour is correct when I beautify a React component with .js extension.

[d12frosted]

Any updates with this issue? 😸

[BelfordZ]

confirmed issue

[zhewuzhou]

I have got the same issue, if you have pure js then everything is fine, but if you have jsx(including tags) then after web-beautify-js, syntax highlighting is gone

[aumana]

I can confirm that I have the same issue for files with .jsx extension. I also tried with pure .js files in the same project and it doesn't happen.

[cyberxndr]

Same issue, jsx formatting causes syntax highlight loss.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Please let us know if this issue is still valid!