How to conditionally show and hide form fields?

If the sell or rent ad is for Land then do not show bedrooms, bathrooms and car park options. Show only for House.

// AdForm.js
{type === "House" ? (
    <>
      <input
        type="number"
        min="0"
        className="form-control mb-3"
        placeholder="Enter how many bedrooms"
        value={ad.bedrooms}
        onChange={(e) => setAd({ ...ad, bedrooms: e.target.value })}
        required
      />

      <input
        type="number"
        min="0"
        className="form-control mb-3"
        placeholder="Enter how many bathrooms"
        value={ad.bathrooms}
        onChange={(e) => setAd({ ...ad, bathrooms: e.target.value })}
        required
      />

      <input
        type="number"
        min="0"
        className="form-control mb-3"
        placeholder="Enter how many car parks"
        value={ad.carpark}
        onChange={(e) => setAd({ ...ad, carpark: e.target.value })}
      />
    </>
  ) : (
    ""
  )}