chrome Version 103.0.5060.114 (Official Build) (64-bit)
Steps to reproduce
I used the Light Bootstrap Dashboard PRO React as the template for my site. Switches are reverting to checkboxes. Linked is what I'm seeing when I pulled in the ExtendedForms.js page into my site. Any help would be appreciated to understand what's causing this. Pasted is my npm dependencies noting the bootstrap version thinking that maybe there is a version conflict of some kind wiping out what CSS classes you used in the first place?
Version
2.0.1
Reproduction link
https://jsfiddle.net/
Operating System
Ubuntu 18.04
Device
pc
Browser & Version
chrome Version 103.0.5060.114 (Official Build) (64-bit)
Steps to reproduce
I used the Light Bootstrap Dashboard PRO React as the template for my site. Switches are reverting to checkboxes. Linked is what I'm seeing when I pulled in the ExtendedForms.js page into my site. Any help would be appreciated to understand what's causing this. Pasted is my npm dependencies noting the bootstrap version thinking that maybe there is a version conflict of some kind wiping out what CSS classes you used in the first place?
Screenshot admin-portal@0.1.0 /home/sburke/sandbox/Canasta/admin-portal ├── @fortawesome/fontawesome-free@5.15.2 ├── @fortawesome/fontawesome-pro@6.1.1 ├── @fortawesome/fontawesome-svg-core@6.1.1 ├── @fortawesome/free-brands-svg-icons@6.1.1 ├── @fortawesome/pro-duotone-svg-icons@6.1.1 ├── @fortawesome/pro-light-svg-icons@6.1.1 ├── @fortawesome/pro-regular-svg-icons@6.1.1 ├── @fortawesome/pro-solid-svg-icons@6.1.1 ├── @fortawesome/react-fontawesome@0.2.0 ├── bootstrap@4.5.3 ├── chartist@0.11.4 ├── gulp-append-prepend@1.0.9 ├── gulp@4.0.2 ├── history@5.3.0 ├── immutability-helper@3.1.1 ├── match-sorter@6.3.1 ├── moment@2.29.3 ├── nouislider@14.6.3 ├── perfect-scrollbar@1.5.5 ├── prop-types@15.8.1 ├── react-bootstrap-sweetalert@5.2.0 ├── react-bootstrap@2.4.0 ├── react-circular-progressbar@2.1.0 ├── react-dom@18.2.0 ├── react-jvectormap@0.0.16 ├── react-loader-spinner@5.1.5 ├── react-notification-alert@0.0.13 ├── react-promise-tracker@2.1.0 ├── react-router-dom@5.2.0 ├── react-router@5.2.0 ├── react-scripts@5.0.1 ├── react-select@5.4.0 ├── react-table@7.8.0 ├── react@18.2.0 ├── reactstrap@8.10.1 ├── sass@1.53.0 └── typescript@4.7.4
What is expected?
switch to render
What is actually happening?
checkbox renders
Solution
Additional comments