443 comments found.
I have not yet been able to Dockerize the app, can you share the Dockerfile with me?
Hi,
I haven’t try this template with docker, but I found a docker file for react-boilerplate https://gist.github.com/JuHwon/93c212fb4cd2b8e9970762f5e37ffdff
Regards.
Hi Dear .. I just want to know if this theme is based in react functional components or class based components and is it in jsx or tsx?
I want to buy it
Hi, this template using react function hooks and write in jsx. You can try the sample project, please check the description for github link.
Thanks.
Hello 1. npm install 2. npm run build:dll 3. npm start
npm WARN config global `-global`, `-local` are deprecated. Use `—location=global` instead.
> dandelion_pro@2.4.2 start > cross-env NODE_ENV=development NODE_OPTIONS=—openssl-legacy-provider node server
node:—openssl-legacy-provider is not allowed in NODE_OPTIONS
Hi,
Please use node v18 (LTS recommended version) or if you use node < v18 in package.json script delete NODE_OPTIONS=—openssl-legacy-provider
Regards.
Hi Ilhammeidi, When are you going to bring latest updates of Material UI and latest version of React ? in this theme …? We would be grateful if you bring the updates at ealiest.
Hi, I need to research mui5 migration. If no issues it’s might be released on february or march.
Regards.
Hello, can you help to edit css from sidebar menu to remove avatar?
Hi,
Thanks for purchasing.
You can remove avatar in app/components/Sidebar/SidebarContent.js
<Avatar
alt={dummy.user.name}
src={dummy.user.avatar}
className={classNames(classes.avatar, classes.bigAvatar)}
/>
And for css in sidebar-jss.js are bigAvatar and $avatar
Regards.
Hello, I have bought this template twice.
Please provide instructions on using the file/image upload feature. I’m confused about how to save the selected file because when I check the console, there’s nothing in the properties
In the documentation file, there is no directive about the file/image upload feature
Hi adeilhamfajri,
Terimakasih telah membeli,
Form Upload menggunakan react-dropzone, untuk full docsnya bisa dilihat di https://react-dropzone.js.org/
Untuk contoh penggunaan di template ini bisa dilihat di url https://dandelion-static.netlify.app/app/forms/upload dan file /app/components/Forms/MaterialDropZone.js dan /app/components/Contact/AddContact.js
Untuk mendapatkan informasi file yang di upload ada di fungsi onDrop()
const onDrop = useCallback((filesVal) => {
let oldFiles = files;
const filesLimitVal = filesLimit || '3';
// Append another files
oldFiles = oldFiles.concat(filesVal);
if (oldFiles.length > filesLimit) {
setOpenSnackbar(true);
setErrorMessage(`Cannot upload more than ${filesLimitVal} items.`);
} else {
console.log(oldFiles);
setFiles(oldFiles);
}
}, [files, filesLimit]);
Salam
hi dear,
i have purchased your react theme dandelion pro and having regret to tell you that it is not working with latest react (V 18.2.0) version so unfortunately so we need you look in this issue and further more i have tried with axios lib but its also giving error with older react version.
Hi manishrai45,
Thanks for purchasing.
I have update 3 days ago for node v18 compatibility. I changed start and build scripts in package.json
"start": "cross-env NODE_ENV=development NODE_OPTIONS=--openssl-legacy-provider node server",
Here’s the docs for troubleshooting related node 18 issue and installation for older version of packages https://ilhammeidi.github.io/dandelion-docs/#shoot
Regards.
hi there can i take refund because of some reason we have decide not to use this theme and we are facing huge issue we have just started react so if you can help than we are thinking of not to ask for refund otherwise we want our money back bcz we won’t use this theme anymore without the personal support sorry,you can reply to this message for further support or refund.
Hi, you can ask me if any issue, errors please describe the details how to reproduce it or technical questions here or via private message.
About the refund, I have provide the free version(Sample Project) of this template in product detail to make sure this template is suitable for your needs before buy. I don’t offer a refund if you buy it by mistake or if the item has been downloaded.
Regards.
hello, thank you for your previous replies npm install @unicef/material-ui-currency-textfield—save I added currency edit with . But in the form <CurrencyTextField … /> when i add breaks the style structure of all <TextField /> components in the form All input components are changing font colors and some styles. How can I fix
Hi,
Please add adjustment class to overide the styles like this https://v4.mui.com/styles/basics/#hook-api and for nested element https://v4.mui.com/styles/basics/#nesting-selectors
Regards.
hi to the dandelion project When I add a new package with npm install I can’t call it with import e.g npm install jwt-decode when i do the import jwt_decode from jwt_decode; I am getting error on line do i need to do anything special
npm install jwt_decode
After the command I get the following error:
code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: file-loader@3.0.1
npm ERR! Found: webpack@5.69.1
npm ERR! node_modules/webpack
npm ERR! peer webpack@”4.x.x || 5.x.x” from @webpack-cli/configtest@1.1.1
npm ERR! node_modules/@webpack-cli/configtest
npm ERR! webpack-cli/configtest“1.0.4” from webpack-cli@4.7.2
npm ERR! node_modules/webpack-cli
npm ERR! peer webpack-cli@”4.x.x” from @webpack-cli/configtest@1.1.1
npm ERR! 3 more (@webpack-cli/info, @webpack-cli/serve, the root project)
npm ERR! peer webpack@”4.0.0 || 5.0.0” from add-asset-html-webpack-plugin@5.0.1
npm ERR! node_modules/add-asset-html-webpack-plugin
npm ERR! dev add-asset-html-webpack-plugin@”5.0.1” from the root project
npm ERR! 14 more (babel-loader, circular-dependency-plugin, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@”4.0.0” from file-loader@3.0.1
npm ERR! node_modules/file-loader
npm ERR! file-loader@”3.0.1” from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR! peer webpack@”4.0.0” from file-loader@3.0.1
npm ERR! node_modules/file-loader
npm ERR! file-loader@”^3.0.1” 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!
hi,
- Please use this package.json https://github.com/ilhammeidi/dandelion-starter/blob/master/package.json and package-lock.json https://github.com/ilhammeidi/dandelion-starter/blob/master/package-lock.json Or you can download the latest dandelion-pro v2.4.1 from ThemeForest, then npm install again.
- Please do not remove the package-lock.json and don’t run npm run audit fix. If it was, please rollback both files, remove node_modules/ folder and npm install again
- If still any deprecated error like that, please remove the package in package.json first, then run npm install. After that, install that package later with option --legacy-peer-deps.
Example npm install file-loader@3.0.1 --legacy-peer-deps And example for multiple package npm install optimize-css-assets-webpack-plugin@6.0.1 react-animated-slider@2.0.0 --legacy-peer-deps
Hope this can help.
Regards.
Hi bro , great work, Please sorry i have some issued with axios , i m trying to get access to a https url and ignore ssl error:
i have try this :
import * as https from 'https';
const agent = new https.Agent({
rejectUnauthorized: false,
});
axios({
...,
httpsAgent: agent
});
but i get this error : https__WEBPACK_IMPORTED_MODULE_5__.Agent is not a constructor
Could you help me to solve it ?
Hi,
Thanks for purchasing and the appreciation.
I think https get from node.js as default not import from 3rd party module, so you can remove import * as https from ‘https’;.
https://nodejs.org/dist/latest-v16.x/docs/api/https.html#class-httpsagentRegards.
Hi ilhammeidi, this is not latest version of react or material ui , so is there any update coming ?
Hi jpds21,
I will update the mui later this year or next year.
Regards.
Hi, I am not able to install this on my macbook pro system.
Hi,
Please try to use node v16.xx which recommended for most users.
Regards.
Hello, I began the project using Dandelion Starter, I have copied the components and pages from dandelion-pro, I have also copied the internals folder from dandelion-pro but I am still receiving the error.
Module not found: Error: Can't resolve 'dan-images/screen/control_screen.png'
I fixed this, there’s no error but I now have a whitescreen, please assist
Hi omondi99,
Thanks for purchasing.
Please check in ThemeWrapper.js maybe something miss in there. If you copy/replace some files, please make sure the imported module exist in the correct path.
Regards.
Hello, i’m having problems to use axios.create(‘MYURL’) and async functions inside my pages in the template, I don’t really understand Babel to change something, so has this template some config, or one specific archive line to solve the problem?
This is the message for async/await problems:
Uncaught ReferenceError: regeneratorRuntime is not defined
I already attempted to install some packages, but i really don’t understand babel at this complexity level. This is the log message for axios:
scheduler.development.js:171 Uncaught TypeError: Cannot use ‘in’ operator to search for ‘validateStatus’ in <MYURL> at mergeDirectKeys (mergeConfig.js:56:14) at computeConfigValue (mergeConfig.js:95:23) at Object.forEach (utils.js:270:10) at mergeConfig (mergeConfig.js:93:9) at Function.create (axios.js:27:27) at ./app/services/api.js (api.js:3:20) at webpack_require (bootstrap:24:1) at fn (hot module replacement:61:1) at ./app/pages/AdminPanel/index.jsx (app_pages_AdminPanel_index_jsx.chunk.js:15:71) at webpack_require (bootstrap:24:1)
I already used axios in other projects, isn’t some axios version problem or code problem, is something about babel/webpack. About the two problems, the most important one is axios.
Axios is working now, but async functions i really need some help.
Hi selfsolutions,
Thanks for purchasing.
Please use Axion inside useEffect or a function
function HomePage() {
async function fetchData() {
let response = await Axios('https://reqres.in/api/users?page=2');
let user = await response.data;
console.log(user);
};
useEffect(() => {
fetchData();
}, []); //This will run only once
return (<div>HTML code</div>)
}
Feel free if you have any further queries.
Regards.
I work with Dandelion and when I try to use react-virtualized I have problems Can you help me please?
Hi,
I haven’t try with react-virtualized. This template use material-ui v4 for populate data in table. Here’s guide to integration with react-virtualized and material-ui https://v4.mui.com/components/tables/#virtualized-table
Hİ, On the demo page you published, the user Theme settings are saved permanently when theme changes are made and on page refresh this theme settings are reloaded. How can we activate the users’ theme options to be permanent?
I need help
Hi bilalabur,
Thanks for purchasing.
In /app/redux/configureStore.js please add ‘ui’ in persistConfig.whitelistwhitelist: ['ui'],
Regards.
thanks
Hello I have a problem when implementing import Amplify from ‘aws-amplify’; I have already adding aws-amplify in internals/config.js line:23 and in package.json line:64 ( exclude configure ) but I keep getting an error
Uncaught Error: Cannot find module ‘http2’ at webpackMissingModule (node-http2-handler.js:6:86) at eval (node-http2-handler.js:6:166) at ./node_modules/@aws-sdk/client-sso/node_modules/@aws-sdk/node-http-handler/dist-cjs/node-http2-handler.js
I need help 
Hi alvarobs,
Regarding in this docs https://docs.amplify.aws/start/getting-started/setup/q/integration/react/#install-amplify-libraries
It needs install aws-amplify and @aws-amplify/ui-react, so please exclude the ”@aws-amplify/ui-react” as well and run npm run build:dll again.
Hope this can help.
Regards.
I already did it and I have the same error
I got the same error when only excluding aws-amplify. But then I added ”@aws-amplify/ui-react” to the exclusion and it worked for just installing and running the project.
Please try to remove node_modules/ and try install again.
Regards.
I fixed it by adding web.config file. thanks
Hello npm run build after windows iis server how do i deploy ? what are the settings? I tried deploy but could not run
Hi,
Yest that’s mean the project run in port 3000. Please open in browser and go to http://localhost:3000
thanks
Hi,
This is my very first time asking for a support.
I bought the item since Feb 22, 2021 and I now I downloaded the item with the current version 2.4.
When I try to “npm install” I got these issues : webpck issues versions, could not resove dependency peer webpack versions, conflicting peer dependency: webpack@4.46.0
I need help..
Thanks, Raynor
Hi Raynor,
Thanks for purchasing.
The issue maybe because package-lock.json removed or you run npm audit. Please try some options below:
- Use default package-lock.json:
If package-lock.json is removed or any changes in there, please remove node_modules/ folder (if exist), then use the original package-lock.json. And run npm install again then npm start. No need to run npm audit.
- Use match version of the packages:
This template use webpack v5, please check webpack 4 depended package withnpm ls webpack Then remove that package in package.json. Run npm install. After installation, install the packages separately
npm install package-name@version --legacy-peer-deps
- Update the package latest version:
Run npm ls webpack, check the package that depended to webpack v4 and update it by Run npm install package-name or change the version to the latest version in package.json then run npm install.
Hope this can help.
Regards.
Hi ilhammeidi, thanks for you reply.. I am running this Dandelion-Pro and it has a package-lock.json inside it, are you referring this file as the original package-lock.json?
Hi raynoribon,
If you ran npm audit or npm audit fix, the package-lock.json will change automatically. So please remove node_modules/ and roll back the package-lock.json file. Then run npm install again.
But if not you can try the another options I mentioned above.
Regards.
That’s what I did from the very beginning. I already fixed it by manually delete these dependencies inside package.json: “file-loader”: “3.0.1”, “optimize-css-assets-webpack-plugin”: “6.0.1”, “raw-loader”: “2.0.0”, “react-animated-slider”: “2.0.0”, “react-ultimate-pagination”: “1.2.0”, “url-loader”: “1.1.2”, – And then run “npm install” – Lastly, manually install back those deleted dependencies to its specific versions Thanks for your support Ilhammedi
