Error: Hydration failed because the initial UI does not match what was rendered on the server.
Warning: Expected server HTML to contain a matching <a> in <option>.

How can i fix this problem. I couldn't fix

import Link from "next/link";

const SortProducts = (props) => {
  return (
    <div>
      <select>
        <option value="suggested">
          <Link href="/" prefetch={false}>
            Suggested order
          </Link>
        </option>
        <option value="suggested">
          <Link href="/?s=asc" prefetch={false}>
            Ascending by id
          </Link>
        </option>
        <option value="suggested">
          <Link href="/?s=desc" prefetch={false}>
            Descending by id
          </Link>
        </option>
      </select>
    </div>
  );
};
export default SortProducts;