Add link to your search results

I have a url entity in my Algolia index which I am trying to add to my search results. If any user clicks on the search result then it should go to the url.

I am using instantSearch.js

My Search Code

const searchClient = algoliasearch(
  "appId",
  "apiKey"
);

const search = instantsearch({
  indexName: "myIndex",
  searchClient,
});

search.addWidgets([
  {
    init(opts) {
      const helper = opts.helper;
      const input = document.querySelector("#search-input");
      input.addEventListener("input", ({ currentTarget }) => {
        helper.setQuery(currentTarget.value).search();
      });
    },
  },
  {
    render(options) {
      const results = options.results;
      document.querySelector("#searchHits").innerHTML = results.hits
        .map(
          (hit) => `
                <div class="search-results">
                    <a  href="{{ url }}">
                       <h3>${instantsearch.highlight({
                          attribute: "title",
                          hit,
                         })}
                      </h3>
                       <p class="h6">${instantsearch.snippet({
                         attribute: "html",
                         hit,
                       })}</p>
                    </a>
                </div>
            `
        )
        .join("");
    },
  },
]);

search.start();

How can I get my url in href=""?

Solved this by adding ${hit.url}.

 <a  href="${ hit.url }">