enable to use reactstrap library in client side spfx
I am creating a client-side web part in SharePoint using react and I am getting an error for using reactstrap in it.
[SPLoaderError.loadComponentError]: ***Failed to load component "e85e1482-17da-4af0-968f-3f63def88702" (ReactSpfxWebPartWebPart). Original error: ***Failed to load entry point from component "e85e1482-17da-4af0-968f-3f63def88702" (ReactSpfxWebPartWebPart). Original error: Error loading https://component-id.invalid/e85e1482-17da-4af0-968f-3f63def88702_0.0.1 Cannot read property 'placements' of undefined
***INNERERROR: ***Failed to load entry point from component "e85e1482-17da-4af0-968f-3f63def88702" (ReactSpfxWebPartWebPart). Original error: Error loading https://component-id.invalid/e85e1482-17da-4af0-968f-3f63def88702_0.0.1 Cannot read property 'placements' of undefined ***CALLSTACK: Error at SPLoaderError.SPError [as constructor] (https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js:8668:24) at new SPLoaderError (https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js:4124:28) at Function.ErrorBuilder.buildErrorWithVerboseLog (https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js:3783:21) at Function.ErrorBuilder.buildLoadComponentError (https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js:3691:21) at https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js:6936:47
add "externals": { "reactstrap": "https://cdnjs.cloudflare.com/ajax/libs/reactstrap/6.0.1/reactstrap.full.min.js" },
to config.json it will resolve reactstrap dependancy in spfx
- Why does react setState does not work as expected?
- How to scroll the document before a list of divs is rendered on the screen?
- How to override a parent class method in React?
- How to make background components visible but inaccessible when React Material UI Backdrop is opened?
- Render method in React carbon design component
- Docker with Vite - env variables are undefined inside the docker container
- Cannot test custom hooks with React 18 and renderHook from testing-library/react
- How to use i18next on a custom Typescript library and a host at the same time?
- React - Displaying a loading spinner for a minimum duration
- How to show the date picker if I click the parent div after explictly hiding the date type input in React?
- Parsing of text from Pdf in reactjs
- onPress in functional react native component not working
- React Router useNavigate with a useEffect hook - proper way to use?
- How to control legend symbols in Apache ECharts StackChart?
- How to create a custom button in react-pdf-viewer?
- How to uninstall Tailwind from React application?
- Error building react build folder using vercel.json. Attempting to build react build folder as well as run serverless nodejs server using vercel.json
- React.js: Set innerHTML vs dangerouslySetInnerHTML
- How to merge row cells in TanStack React Table v7 to v8
- React - Passing Props
- How to hide bottom navigation bar on a specific screen in react native?
- https://api.ipify.org?format=json fail to fetch
- Different values for block scoped variables in state updater functions
- Removing from list causes initial animation to play when map returns a component
- the transition-color aren't working correctly
- Apply :focus-visible when focusing element programatically
- How to remove overflow: hidden placed by bootstrap 5 modal?
- text loads slowly even on font preload
- How can I align my Bootstrap container to fit the full width of the webpage?
- ReactJS - Ant-Design v4 jalali(persian) datepicker problem