title: method onChange not working in radio button
body: <p>I have a form with a radio button that have to do something when the item selected changes, but it only happends when the page loads but no when I select other item</p>
  <p>This is my code:</p>
  <pre><code>           &lt;div key={item} className=&quot;lg:w-1/2&quot;&gt;
                  &lt;label
                    className=&quot;flex items-center mx-6&quot;
                    htmlFor={item.option_image.alt}
                  &gt;
                    &lt;input
                      className=&quot;w-5 h-5 mr-4&quot;
                      type=&quot;radio&quot;
                      id={item.option_image.alt}
                      value={item.option_image.alt}
                      name={slice.primary.title}
                      checked={item.option_image.alt === category}
                      onChange={console.log(item.option_image.alt)}
                      required
                    /&gt;
                    &lt;Image
                      src={item.option_image.url}
                      width={item.option_image.dimensions.width}
                      height={item.option_image.dimensions.height}
                      alt={item.option_image.alt}
                    /&gt;
                    &lt;p className=&quot;flex-1 my-auto ml-2 text-lg text-white 2xl:mr-4&quot;&gt;
                      {item.option_label}
                    &lt;/p&gt;
                  &lt;/label&gt;
                &lt;/div&gt;
  </code></pre>