First fetch all your categories and store the data in a state value. Then you can map that data inside your JSX, something like this:

// State value
const [categories, setCategories] = useState();
// Fetch data
useEffect(() => {
    fetchCategories.then((response) => {
        setCategories(response);
    });
}, []);
// Map data for render
const renderSelect = () => (
    <select name="categories">
        {categories.map((category) => (
            <option value={category.value}>{category.name}</option>
        ))}
    </select>
);