Hello All,

I'm working on one of the project where I'm using react with Liferay dxp/7.

As part of client requirement I have to implement react Datatable with react Datepicker.

The UI somewhat looks like below:

When I added same component in plain react project(Without liferay). It is working fine as expected.
But When I use same component in liferay react project the whole module went down and the screen is blank.
I tried without datepicker it is woring fine. As and when I'm adding datepicker dependancy import the module went down.

I'm using below version for each component.
Liferay : Liferay Digital Experience Platform 7.0.10 GA1

React:

{
	"dependencies": {
		"prop-types": "^15.7.2",
		"react": "^17.0.2",
		"react-data-table-component": "^7.0.0-rc2",
		"react-datepicker": "^4.3.0",
		"react-dom": "16.8.6",
		"react-modal": "^3.14.3",
		"react-router": "^5.2.0",
		"react-router-dom": "^5.2.0",
		"redux": "^4.0.0",
		"redux-thunk": "^2.3.0",
		"styled-components": "^5.3.0"
	},
	"devDependencies": {
		"babel-cli": "^6.26.0",
		"babel-preset-env": "^1.7.0",
		"babel-preset-react": "6.24.1",
		"liferay-npm-bundler": "2.18.2"
	},
	"main": "js/index.js",
	"name": "abc-test",
	"scripts": {
		"build": "babel --source-maps -d build/resources/main/META-INF/resources src/main/resources/META-INF/resources && liferay-npm-bundler"
	},
	"version": "1.0.0"
}

Can someone help in this?

Thanks 
Jiten Vaghela