[SurveyCreator/React] - Bug with importing CSS styles

[xsevcika2]

Describe the bug

I'm trying to import CSS styles for React Form Builder, and I found a few bugs in the documentation. I'm following the steps from the documentation here: https://surveyjs.io/survey-creator/documentation/get-started-react#install-the-survey-creator-react-npm-package

Steps to reproduce

1. Install the library:

npm install survey-creator-react --save

2. Import Survey Creator and SurveyJS Form Library style sheets

import "survey-core/survey-core.min.css";
import "survey-creator-core/survey-creator-core.min.css";

3. CSS imports give the following error: 'survey-core' should be listed in the project's dependencies.
   *(The installation of npm install survey-creator-react --save didn't install survey-creator-core as a dependency)

4. Install the following dependencies manually:

npm install survey-core survey-creator-core --save

6. Error during compilation shows:

Module not found: Error: Package path ./survey-core.css is not exported from package /usr/src/app/node_modules/survey-core (see exports field in /usr/src/app/node_modules/survey-core/package.json)

Module not found: Error: Package path ./survey-creator-core.min.css is not exported from package /usr/src/app/node_modules/survey-creator-core (see exports field in /usr/src/app/node_modules/survey-creator-core/package.json)

Expected behavior
After installing npm install survey-creator-react --save and importing styles, the survey creator will function without additional modifications.

Temporary solution
I've manually added the export to survey-core/package.json

"exports": {
...
"./survey-core.css": "./survey-core.css", // Explicitly export survey-core.css
...
},

and also same for the survey-creator-core/package.json

"exports": {
...
"./survey-creator-core.min.css": "./survey-creator-core.min.css", // Explicitly exported
...
},

I'm not sure why I need these explicit exports when I can clearly see the global *.css export. But it won't work without them for me.

"exports": {
...
./*.css": "./*.css",
...
}

Please complete the following information:

• Browser: Microsoft Edge
• Browser version: Version 134.0.3124.51 (Official build) (64-bit)
• JS framework/library: React + TS
• SurveyJS version: v2.0.0
• Device: PC

[JaneSjs]

Hi @xsevcika2,
I would appreciatre it if you share a reproducible demo and specify the NodeJS version you're using.

Thank you