i’m trying to set a ternary operator on a radio input. I have several inputs so i use an array to place all the inputs. I’m doing this so that it can be set as soon as it arrives from a database.

<div className="flex items-center pl-3">
                  <label className="w-full py-3 ml-2 text-sm font-medium text-gray-900 ">
                    <input
                      id={item.id}
                      type={item.type}
                      value={item.value}
                      name={item.name}
                      required
                      {`${studio.studioType === item.value ? "checked" : ""}`}
                      className="w-4 h-4 text-orange-400 bg-gray-100 border-gray-300 rounded focus:ring-orange-400 focus:ring-2"
                    />
                    <span className="ml-2">{item.title}</span>
                  </label>
                </div>

This is the error i get:

and when i hover it says:

‘…’ expected.ts(1005)