Sugar High is a super lightweight syntax highlighter for JS/JSX, Shaku could be enabled through shaku-code-annotate-sugar-high.
import { useState } from 'react';
export default function Counter() {
  const [count, setCount] = useState(0);
~~~~~~~~  
  // This
  // is
  // Comment
  function handleClick() {
    setCount(count + 1);
-------------------Underline and callout!  }
  const blog = "https://jser.dev"
  console.log('jser.dev')
  
  return (
    <button onClick={handleClick}>
Supports JSX
Awesome,right?      You pressed me {count} times
    </button>
  );
}