Every Bangladeshi address.
In one npm package.

import { divisions, districts, unitNames } from "thikkit";
import { useState } from "react";

export function AddressForm() {
  const [divId, setDivId]   = useState("");
  const [distId, setDistId] = useState("");
  const [unit, setUnit]     = useState("");

  return (
    <>
       { setDivId(e.target.value); setDistId(""); setUnit(""); }}>
        "">Division
        {divisions().map(d => (
          {d.en} · {d.bn}
        ))}
      

       { setDistId(e.target.value); setUnit(""); }}>
        "">District
        {districts({ divisionId: divId }).map(d => (
          {d.en} · {d.bn}
        ))}
      

       setUnit(e.target.value)}>
        "">Area
        {unitNames(distId).map(name => {name})}
      
    
  );
}

import { getUnit, getDistrict } from "thikkit";

export function validateAddress(input: {
  divisionId: string;
  districtId: string;
  unitId: string;
}) {
  const unit = getUnit(input.unitId);
  if (!unit) return { ok: false, error: "Unknown area" };

  if (unit.districtId !== input.districtId)
    return { ok: false, error: "Area doesn't belong to that district" };

  const district = getDistrict(input.districtId);
  if (!district || district.divisionId !== input.divisionId)
    return { ok: false, error: "District doesn't belong to that division" };

  return { ok: true, unit };
}

import { search } from "thikkit";

function autocomplete(query: string) {
  return search(query, { types: ["unit"], limit: 8 }).map(r => ({
    label: `${r.en} · ${r.bn}`,
    value: r.id,
    parent: r.parentIds?.districtId,
  }));
}

autocomplete("mir");
"tok-comment">// → [
"tok-comment">//     { label: "Mirpur · মিরপুর",  value: "dhaka-dhaka-mirpur",  parent: "dhaka-dhaka" },
"tok-comment">//     { label: "Mirpur · মিরপুর",  value: "khulna-kushtia-mirpur", parent: "khulna-kushtia" },
"tok-comment">//     ...
"tok-comment">//   ]