message: yo generator add check for non-word characters
  Fixes
  This was a regression when I did the re-factor. Adding it back in.
  The issue happens because we use the componentName as the class name and folder name which can't contain specific characters.
diff: @@ -12,11 +12,30 @@ const react = "react";
  const scaffoldingBeginner = "beginner";
  const scaffoldingAdvanced = "advanced";
  +/**
  + * Takes the user inputted component name, converts it to camelCase,
  + * and removes any non-word characters (equal to [^a-zA-Z0-9_])
  + */
  +function processComponentNameInput(nameArray) {
  + const capitalize = (str) => {
  + return str.charAt(0).toUpperCase() + str.slice(1);
  + }
  + return nameArray
  + .map((value, index) => {
  + return index === 0 ? value : capitalize(value);
  + })
  + .join()
  + .replace(/\W/g, "");
  +}
  +
  const questions = {
  componentName: {
  type: "input",
  name: "componentName",
  message: "What is the name of your new component?",
  + filter: (input) => {
  + return processComponentNameInput(input.split(" "));
  + },
  },
  viewFramework : {
  type: "list",
  @@ -72,10 +91,15 @@ module.exports = class extends Generator {
  this.argument(
  "componentName",
  {
  - type: String,
  + type: Array,
  required: false,
  description: "Defines the Component Name"
  });
  +
  + if (this.options["componentName"]) {
  + // if there is a componentName option we need to strip out non-word characters
  + this.options["componentName"] = processComponentNameInput(this.options["componentName"]);
  + }
  }
  async prompting() {
  @@ -83,7 +107,7 @@ module.exports = class extends Generator {
  this.log("Let us help you get set up. Once we're done, you can start coding!");
  const questionsCollection = [];
  if (this.options.componentName) {
  - this.log(`${chalk.green("?")} ${questions.componentName.message} ${this._componentName()}`)
  + this.log(`${chalk.green("?")} ${questions.componentName.message} ${chalk.blue(this._componentName())}`)
  } else {
  questionsCollection.push(questions.componentName);
  }
  @@ -362,7 +386,7 @@ module.exports = class extends Generator {
  */
  _isBeginnerScaffolding() {
  - return this.options["s-beginner"] || (this.answers && this.answers.scaffolding === scaffoldingBeginner);
  + return this.options[scaffoldingBeginner] || (this.answers && this.answers.scaffolding === scaffoldingBeginner);
  }
  _isReact() {
  