Trying to create a preview with stimulus doesn’t work in Rails

I am trying to add a preview when uploading an image, and I’ve came across this tutorial:
“Image Previews with Active Storage in Ruby on Rails 7”

I followed every step but I realized that the stimulus connect function is never called. I don’t have any errors in the console, it just doesn’t work.
I’ve tried reinstalling the stimulus but it didn’t worked.

HTML

<div data-controller = "previews">
<%= form.file_field :image, direct_upload: true, data: { previews_target: "input", action: "change->previews#preview"}, class:"form-control" %>

<% if movie.image.attached? %>
    <%= image_tag movie.image, data: { previews_target: "preview"}, class: "image-cover-preview" %>
<% else %>
    <%= image_tag "", data: { previews_target: "preview"}, class: "image-cover-preview" %>
<% end %>

JS

import { Controller } from "@hotwired/stimulus"


export default class extends Controller 
{
  static targets = ["input", "preview"];

  connect() 
  {
    console.log("THIS IS A PREVIEW", this.element);
  }

  preview()
  {
    let input = this.inputTarget;
    let preview = this.previewTarget;
    let file = input.files[0];
    let reader = new FileReader();
reader.onloadend = function()
{
  preview.src = reader.result;
};

if(file)
{
  reader.readAsDataURL(file);
}
else
{
  preview.src = "";
}
  }
}