How to use the title-case function in title-case

function currentLayer(newLayerName, layerName) {
  // UpperCase
  let name = newLayerName.replace(/%\*u%/gi, changeCase.upperCase(layerName));

  // LowerCase
  name = name.replace(/%\*l%/gi, changeCase.lowerCase(layerName));

  // Title Case
  name = name.replace(/%\*t%/gi, toTitleCase(layerName));
  // name = name.replace(/%\*t%/gi, changeCase.titleCase(layerName))

  // UpperCase First
  name = name.replace(/%\*uf%/gi, changeCase.upperCaseFirst(layerName));

  // Camel Case
  name = name.replace(/%\*c%/gi, changeCase.camelCase(layerName));

  // Layername
  name = name.replace(/%\*/g, layerName);

  return name;
}

uri = `applemusic/queue/${type}:${itunesID}`

          return {type: type, artURL: artURL, title: title, subtitle: subtitle, uri: uri}
        })

      return metadata
    } else {
      if (sourceURL.pathname.includes('/playlist/')) {
        type = 'playlist'
        title = titleCase(sourceURL.pathname.split('/')[3].replace('-', ' '))
        subtitle = 'Apple Music'
        artURL = ''
      } else if (sourceURL.pathname.includes('/station/')) {
        type = 'station'
        title = titleCase(sourceURL.pathname.split('/')[3].replace('-', ' '))
        subtitle = 'Apple Music'
        artURL = ''
      }

      return {type: type, artURL: artURL, title: title, subtitle: subtitle}
    }
  }
}

if (!route) return <pre>not found</pre>
    const Component = route.require()

    return (
      
        
          
            
              
                Home
                
                  /
                
                {titleCase(params.name)}
              
              
            
          
          
            <nav>
          
        
      </nav>

.map(a => (
                    <option value="{a}">
                      {titleCase(a)}
                    </option>
                  ))}

return mapValues(o, (v, k) => ({
    ...v,
    title: titleCase(k),
  }));
}

return pages.map(page => {
    const path = `/${page.key}`
    return { path, name: titleCase(path), ...page }
  })
}

const rows = _.map(keywords, keyword => {
    const words = _.map(language[keyword], s => `"${s}"`).join(', ')
    return [titleCase(keyword), words]
  })
  return getAsTable(['ENGLISH KEYWORD', 'NATIVE KEYWORDS'], rows)

const macroAction = config.macros?.find(a => a.id === selectedAction);

      const macroKey = macroAction ? "macros" : "upMacros";
      const macros = config[macroAction ? "macros" : "upMacros"].map(a =>
        a.id === action.id ? action : a,
      );

      return {config: {...config, [macroKey]: macros}};
    });
  }
  return (
    <>
      <div>
        {selectedComponent ? (
          &lt;&gt;
            <h3>{titleCase(selectedComponent.id)}</h3>
            {allowedActions.length &gt; 1 &amp;&amp; (
              <select value="{actionMode"> {
                  setMidiControl({
                    actionMode: e.target.value,
                  });
                }}
              &gt;
                <option value="nothing" disabled="">
                  Choose an Action Mode
                </option>
                {allowedActions
                  .filter(a =&gt; !excludedActions.includes(a))
                  .map(a =&gt; (</select></div>

))}
          
        )}
      
      {timelineMode && (
        <button color="info" size="sm">
            setTimelineMode(
              timelineMode === "standard" ? "classic" : "standard"
            )
          }
        &gt;
          {titleCase(timelineMode)}
        </button>
      )}
    
  );
};
export default MissionSelector;