refactor: update classNames to camelcase because of esbuild

Author: danielbarion

src/App.tsx

@@ -97,7 +97,11 @@ function App() {
         <div>
           <div
             id="floatAnchor"
-            className={styles['big-anchor']}
+            /**
+             * changed from dash `no-arrow` to camelcase because of:
+             * https://github.com/indooorsman/esbuild-css-modules-plugin/issues/42
+             */
+            className={styles['bigAnchor']}
             onClick={() => {
               setToggle((t) => !t)
             }}
@@ -117,7 +121,11 @@ function App() {
         <div>
           <div
             id="onClickAnchor"
-            className={styles['big-anchor']}
+            /**
+             * changed from dash `no-arrow` to camelcase because of:
+             * https://github.com/indooorsman/esbuild-css-modules-plugin/issues/42
+             */
+            className={styles['bigAnchor']}
             onClick={(event) => {
               handlePositionClick(event)
             }}

src/components/Tooltip/Tooltip.tsx

@@ -531,7 +531,11 @@ const Tooltip = ({
       {(html && <TooltipContent content={html} />) || content || children}
       <WrapperElement
         className={classNames('react-tooltip-arrow', styles['arrow'], classNameArrow, {
-          [styles['no-arrow']]: noArrow,
+          /**
+           * changed from dash `no-arrow` to camelcase because of:
+           * https://github.com/indooorsman/esbuild-css-modules-plugin/issues/42
+           */
+          [styles['noArrow']]: noArrow,
         })}
         style={inlineArrowStyles}
         ref={tooltipArrowRef}