Use Enum as restricted key type - Typescript / React

enumASobjectkey.js

// type.ts
enum Ingredient {
  salad = "salad",
  bacon = "bacon",
  cheese = "cheese",
  meat = "meat",
  breadBottom = "bread-bottom",
  breadTop = "bread-top",
}

// Optional properties 
type variant = Partial<Record<Ingredient, number>>;

// No optional properties
type ingredients = Record<Ingredient, number>;

export default ingredients

----------------------------------
import Ingredients from "./type"

class BurgerBuilder extends Component {
  ingredients: Ingredients = {
    salad: 1,
    bacon: 1,
    cheese: 2,
    meat: 2,
  }
  state = {
    ingredients: this.ingredients,
  };
  
  /* rest of the code */
}