customize-cra | Override webpack configurations | Frontend Framework library

When I start my react project in Fedora 32 using command yarn start, it shows error like this:

I am trying to figure out how to link each and every crash with application user id. I got to know we can achieve this functionality with firebase customized key logs.

For POC purpose, I have added custom key after logged in completion and then I am crashing app on next screen. But Custom keys are not getting logged on console.

Here, how I am adding custom key :

I am new to React JS world, without web pack Image loading properly but when am using webpack Image not loading if image size greater than 24*24 pixel.

if Image size less than (24*24 pixel) then image is loading properly.

Image under src/assets/Image/exportImage.jpg'; I have no idea about this.

There are two types of user id you can set while using firebase in your app. Firebase Analytics user id and Firebase Crashlytics user id. Analytics user id can be set in code like this:

I'm using react-app-rewired & customize-cra to setup a multi-project monorepo with shared TypeScript code, without ejecting from create-react-app (the setup is described in this answer). The layout is like:

Currently I am using default webpack config of Create React App for babel transpilation. It seems that default babel-loader (in CRA config) uses "babel-preset-react-app". Now all I want is to prevent the transpilation of JS files to ES5 since I don't need to support Internet Explorer. I'm hoping this will bring some gain in the build time.

Versions being used:

• Webpack 4
• Babel Loader 8
• react-app-rewired 2.1
• customize-cra 0.9

./src/App.less (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-8-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-8-3!./node_modules/less-loader/dist/cjs.js??ref--5-oneOf-8-4!./src/App.less) TypeError: this.getOptions is not a function

My app runs successfully but I am getting this error on browser console after using a few components of ant design. When I installed the ant d I done these steps

• npm install antd
• added link tag of antd.compact.min.css to index.html
• added script tag of /antd/4.13.1/antd.min.js to index.html
• added script tag of /antd/4.13.1/antd-with-locales.min.js to index.html

I have to be able to change ant design variables at runtime (not via theme less files). I've found plenty of examples of this using customize-cra and react-app-rewire-less, but none seem to work with craco. I have to use craco because I'm also using tailwindcss in this project.

What I've tried:

• antd-theme-webpack-plugin: I have access to window.less.modifyVars, but it seems to do nothing (calling it throws no errors, but the antd colors don't change);
• antd-theme-switcher: Very similar to the above, window.less.modifyVars seems to have no effect;
• antd-theme: I could not figure out how to add the AntdThemePlugin.loader in craco.config.js, and I'm not sure that is the problem, but I could not make it work.

This is the current state of my craco.config.js: