Question from the React ⚛️ test

What is the outcome of executing the following React code (using the useState hook) to modify the style of a button?

import React, { useState } from 'react';

function App() {
  const [isHighlighted, setIsHighlighted] = useState(false);

  const buttonStyle = isHighlighted ? { backgroundColor: 'yellow' } : {};

  return (
    <button
      style={buttonStyle}
      onMouseEnter={() => setIsHighlighted(true)}
      onMouseLeave={() => setIsHighlighted(false)}
    >
      Hover over me
    </button>
  );
}