message: scroll to last added option
diff: -import React, { useState , useRef } from 'react';
  +import React, { useState, useRef } from "react";
  import _sortBy from "lodash/sortBy";
  import _includes from "lodash/includes";
  import _camelCase from "lodash/camelCase";
  @@ -26,14 +26,13 @@ const useStyles = makeStyles(() =>
  maxHeight: 180,
  overflowY: "scroll",
  overflowX: "hidden",
  - marginBottom:5
  + marginBottom: 5,
  },
  })
  );
  export default function Settings({ handleChange, config }) {
  -
  - const listEndRef:any = useRef(null)
  + const listEndRef: any = useRef(null);
  const options = config.options ?? [];
  const classes = useStyles();
  const [newOption, setNewOption] = useState("");
  @@ -41,7 +40,7 @@ export default function Settings({ handleChange, config }) {
  if (newOption.trim() !== "") {
  handleChange("options")([...options, newOption.trim()]);
  setNewOption("");
  - listEndRef.current.scrollIntoView({ behavior: "smooth",block: 'end' })
  + listEndRef.current.scrollIntoView({ behavior: "smooth", block: "end" });
  }
  };
  