Vim - adding new syntax hl rule does not work inside method definitions in component class

[Jon Rostran]

Im trying to add these two new rules
hi MethodDot ctermfg=Red cterm=bold guifg=Red gui=bold
syn match MethodDot "\(\w\)\@<=\.\(\w\)\@="

in .vim/after/syntax/javascript.vim

The rule works in any *.js file but does not work inside method definitions in a React component. I have tried adding this rule in .vim/after/syntax/xml.vim in which I have another hl rule that works (for hl closing tags in React).

Could I get any help with this?

[Jon Rostran]

Issue fixed. Please ignore.