Autosuggest option values not working properly

[aidamag]

Describe the bug
Writing certain strings in the autosuggest will show error because we are converting the value into a regular expression inside the component.

If we write for example *, the value of the autosuggest will be converted to regex. Because * is a wrong regular expression it will show this error.

To Reproduce

1. Create a new React App using create-react-app.
2. Install the @dxc-technology\halstack-react dependencies and run the app.
3. Write the following example:

  const countries = ["*", "Albania"];
  const [value, setValue] = useState("");
  const onChange = ({ value }) => {
    setValue(value);
  };
  const onBlur = ({ value }) => {
    setValue(value);
  };

  const callbackFunc = (newValue) => {
    const result = new Promise((resolve) =>
      setTimeout(() => {
        resolve(
          newValue
            ? countries.filter((option) =>
                option.toUpperCase().includes(newValue.toUpperCase())
              )
            : countries
        );
      }, 1500)
    );
    return result;
  };
  return (
    <DxcInset space="2rem">
      <DxcTextInput
        label="Enter your country"
        value={value}
        onChange={onChange}
        suggestions={callbackFunc}
        onBlur={onBlur}
      />
    </DxcInset>
  );

4. Click the component and select the option *.
5. See the error.

Expected behaviour
It should select the option.

Screenshots

Add labels
Text input, autosuggest.

[hanoj-budime]

Thanks for following up this #1414 issue.

@lisa159