title: How to display list of checkbox in rect-hook-form v7
body: <p>I have a code like this</p>
  <pre><code>const Products = () =&gt; {
    const [products, setProducts] = useState([{
      id: 1,
      name: '1 - 10'
    }, {
      id: 2,
      name: '11 - 100'
    },
    {
      id: 3,
      name: '101 - 1000'
    },
    {
      id: 4,
      name: '&gt;1000'
    }
    ]);
  
    const [productsPicked, setProductsPicked] = useState([
      {
        id: 1,
        name: '1 - 10'
      }, {
        id: 2,
        name: '11 - 100'
      }
    ]);
    
  
    const { control, register, handleSubmit, getValues, formState: { errors } } = useForm({
      mode: 'onSubmit'
    });
  
    const complete = (data) =&gt; {
      console.log(data);
    }
  
    return (
      &lt;form onSubmit={handleSubmit(complete)}&gt;
        {products.map((product, i) =&gt; (
          &lt;Controller key={i} control={control} name=&quot;title&quot;  render={({ field }) =&gt; (
            // i need to checkbox that picked checked by default, and i can update productsPicked here
          )} /&gt;
        ))}
      &lt;/form&gt;
    )
  }
  </code></pre>
  <p>All i need to do is create a list of checkbox products list. if product in list productsPicked, they default checked and i can update  can update productsPicked b,using react-hook-form v7. I am super new to react and doesn't know how to complete. Sorry for my bad english. thank you so much.</p>