Version

2.0.0

Reproduction link

https://www.creative-tim.com/new-issue/soft-ui-dashboard-pro-material-ui

Operating System

Windows

Device

PC

Browser & Version

Chrome

Steps to reproduce

npm i npm start

What is expected?

Run the pages... but appears a error

What is actually happening?

TypeError: Cannot read properties of undefined (reading 'labels')

Solution

Additional comments

Version

3.1.0

Reproduction link

NA

Operating System

MacOS 12.3

Device

macpro M1

Browser & Version

NA

Steps to reproduce

From the creative tim project root,

1. yarn install
2. yarn start

ERROR in Plugin "react" was conflicted between ".eslintrc.json" and "BaseConfig » /Users/edmund/Programming-Local/tnc-react-app/soft-ui-dashboard-pro-react-v3.1.0/node_modules/eslint-config-react-app/base.js".

What is expected?

I expected it to compile without a conflict between eslint configuration files.

What is actually happening?

It isn't compiling.

Solution

Additional comments

I haven't done anything with the code. I'm surprised the fresh version of the app doesn't compile. I look forward to getting a version that does.

Version

2.0.0

Reproduction link

https://www.creative-tim.com/learning-lab/react/quick-start/soft-ui-dashboard

Operating System

macOS Big Sur 11.5.2

Device

Macbook pro

Browser & Version

Chrome v94....

Steps to reproduce

1. Download free version: https://www.creative-tim.com/product/soft-ui-dashboard-react
2. Unzip package
3. Run: npm run install:clean

What is expected?

Expected to run in port 3000

What is actually happening?

TypeError: Cannot read properties of undefined (reading 'labels') ChartComponent src/chart.tsx:136 133 | if (!redraw && chartRef.current) { 134 | setLabels(chartRef.current.config.data, data.labels); 135 | }

136 | }, [redraw, data.labels]); | ^ 137 | 138 | useEffect(() => { 139 | if (!redraw && chartRef.current && data.datasets) { View compiled ▶ 19 stack frames were collapsed. Module. src/index.js:24 21 | // Soft UI Dashboard React Context Provider 22 | import { SoftUIControllerProvider } from "context"; 23 | 24 | ReactDOM.render( 25 | 26 | 27 | View compiled Module../src/index.js http://localhost:3000/soft-ui-dashboard-react/static/js/main.chunk.js:26002:30 webpack_require ++++

Solution

None. Need help. Considering buying, but free version wont work.

Additional comments

I have followed your steps from: https://www.creative-tim.com/learning-lab/react/quick-start/soft-ui-dashboard

... but it doesn't work. Please help.

Btw, how difficult would you say it is to transfer this to next.js?

Issue when Reinstalling Project

When we try to reinstall the project with npm install and npm start (Fresh Install).

Failed to compile.

src/examples/Cards/InfoCards/ProfileInfoCard/index.js
  Line 127:3:  Prop type "object" is forbidden  react/forbid-prop-types

src/examples/Cards/ProjectCards/DefaultProjectCard/index.js
  Line 175:3:  Prop type "object" is forbidden  react/forbid-prop-types

src/examples/Charts/BarCharts/ReportsBarChart/index.js
  Line 104:3:  Prop type "object" is forbidden  react/forbid-prop-types

src/examples/Charts/LineCharts/GradientLineChart/index.js
  Line 109:3:  Prop type "array" is forbidden  react/forbid-prop-types

src/examples/Footer/index.js
  Line 114:3:  Prop type "object" is forbidden  react/forbid-prop-types

src/examples/Lists/ProfilesList/index.js
  Line 85:3:  Prop type "object" is forbidden  react/forbid-prop-types

src/examples/Sidenav/index.js
  Line 191:3:  Prop type "object" is forbidden  react/forbid-prop-types

src/examples/Tables/Table/index.js
  Line 155:3:  Prop type "object" is forbidden  react/forbid-prop-types
  Line 156:3:  Prop type "object" is forbidden  react/forbid-prop-types

The Issue is related to prop-types package a library for typechecking of props. The below two prop type are flagged as forbidden by react/forbid-prop-types

1. Object (PropTypes.object)
2. Array (PropTypes.Array)

### Redirection Issue from Dashboard Navbar to Sign In Page.

Solution

1. Navigate to "src\examples\Navbars\DashboardNavbar\index.js"
2. Change /authentication/sign-in/basic to /authentication/sign-in

This issue is only applicable to FREE Version. PRO Version Works Good.

Version

2.0.0

Reproduction link

http://localhost

Operating System

MAC

Device

Mac Mini (2018)

Browser & Version

NA

Steps to reproduce

1. Download code from Creative Tim
2. Unzip
3. Rename the root folder to "client"
4. Terminal go to client directory
5. Run "npm install" command

What is expected?

Installing the whole necessary packages under node_modules

❯ node -v v16.13.0 ❯ npm -v 8.1.4

What is actually happening?

Error: npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"17.0.2" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^0.14.0 || ^15.0.0 || ^16.0.0-0" from [email protected] npm ERR! node_modules/react-html-parser npm ERR! react-html-parser@"2.0.2" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR!

Solution

npm install --legacy-peer-deps

Additional comments

The error log file:

npm resolution error report

2021-11-29T11:04:24.266Z

While resolving: [email protected] Found: [email protected] node_modules/react react@"17.0.2" from the root project

Could not resolve dependency: peer react@"^0.14.0 || ^15.0.0 || ^16.0.0-0" from [email protected] node_modules/react-html-parser react-html-parser@"2.0.2" from the root project

Fix the upstream dependency conflict, or retry this command with --force, or --legacy-peer-deps to accept an incorrect (and potentially broken) dependency resolution.

Raw JSON explanation object:

{ "code": "ERESOLVE", "current": { "name": "react", "version": "17.0.2", "whileInstalling": { "name": "soft-ui-dashboard-pro-react", "version": "3.0.0", "path": "/Users/akaymu/Kodlar/kendi-kodlarim/learning-platform/client" }, "location": "node_modules/react", "isWorkspace": false, "dependents": [ { "type": "prod", "name": "react", "spec": "17.0.2", "from": { "location": "/Users/akaymu/Kodlar/kendi-kodlarim/learning-platform/client" } } ] }, "currentEdge": { "type": "prod", "name": "react", "spec": "17.0.2", "from": { "location": "/Users/akaymu/Kodlar/kendi-kodlarim/learning-platform/client" } }, "edge": { "type": "peer", "name": "react", "spec": "^0.14.0 || ^15.0.0 || ^16.0.0-0", "error": "INVALID", "from": { "name": "react-html-parser", "version": "2.0.2", "whileInstalling": { "name": "soft-ui-dashboard-pro-react", "version": "3.0.0", "path": "/Users/akaymu/Kodlar/kendi-kodlarim/learning-platform/client" }, "location": "node_modules/react-html-parser", "isWorkspace": false, "dependents": [ { "type": "prod", "name": "react-html-parser", "spec": "2.0.2", "from": { "location": "/Users/akaymu/Kodlar/kendi-kodlarim/learning-platform/client" } } ] } }, "strictPeerDeps": false, "force": false }

Version

2.0.0

Reproduction link

https://demos.creative-tim.com/soft-ui-dashboard-react/#/authentication/sign-up

Operating System

Windows

Device

Desktop PC

Browser & Version

All

Steps to reproduce

1. https://demos.creative-tim.com/soft-ui-dashboard-react/#/authentication/sign-up
2. Footer last element (Pricing) is now lined up propperly

What is expected?

trivial

What is actually happening?

/

Solution

File: src\layouts\authentication\components\Footer\index.js Pricing

to

        <SuiBox mr={{ xs: 2, lg: 3, xl: 6 }}>
          <SuiTypography component="a" href="#" variant="body2" textColor="primary">
            Pricing
          </SuiTypography>
        </SuiBox>

Additional comments

:)

Version

3.0.0

Reproduction link

https://www.creative-tim.com/learning-lab/material-ui-marketplace/quick-start/soft-ui-dashboard/

Operating System

MacOS 12.2.1

Device

MacBook Pro

Browser & Version

Google Chrome 98.0.4758.102

Steps to reproduce

1. yarn install
2. yarn start

What is expected?

https://demos.creative-tim.com/soft-ui-dashboard-pro-react/marketplace/#/dashboards/default

What is actually happening?

Failed to compile.

Failed to load config "react-app" to extend from. Referenced from: /...../package.json

http://localhost:3000/dashboards/default opens, but it is an iframe and I can't click on any elements.

Solution

Additional comments

I've bought the PRO version. Order nr. #37889