Discussion on Fuse React - NextJS & Vite Admin Dashboard Template

Discussion on Fuse React - NextJS & Vite Admin Dashboard Template

Cart 11,314 sales
Recently Updated
Well Documented

withinpixels supports this item

Supported

This author's response time can be up to 2 business days.

456 comments found.

In the following files and lines, you declare some variable/const values but don’t use them. Should I remove them in all instances?

/src/@fuse/core/FuseNavigation/vertical/types/FuseNavVerticalGroup.js Line 27:8: ‘dispatch’ is assigned a value but never used no-unused-vars Line 30:8: ‘mdDown’ is assigned a value but never used no-unused-vars

./src/@fuse/core/FuseNavigation/vertical/FuseNavVerticalLayout2.js Line 29:22: ‘layout’ is assigned a value but never used no-unused-vars Line 30:8: ‘theme’ is assigned a value but never used no-unused-vars

./src/app/fuse-layouts/shared-components/notificationPanel/NotificationPanel.js Line 34:7: ‘removeDisplayed’ is assigned a value but never used no-unused-vars

./src/@fuse/core/FuseNavigation/vertical/FuseNavVerticalLayout1.js Line 36:22: ‘layout’ is assigned a value but never used no-unused-vars Line 37:8: ‘dispatch’ is assigned a value but never used no-unused-vars

./src/@fuse/core/FuseNavigation/horizontal/FuseNavHorizontalLayout1.js Line 37:22: ‘layout’ is assigned a value but never used no-unused-vars

./src/app/fuse-layouts/layout1/components/ToolbarLayout1.js Line 3:8: ‘FuseShortcuts’ is defined but never used no-unused-vars

./src/app/fuse-layouts/layout2/components/NavbarWrapperLayout2.js Line 3:8: ‘Paper’ is defined but never used no-unused-vars

./src/@fuse/core/FuseNavigation/vertical/types/FuseNavVerticalLink.js Line 42:8: ‘dispatch’ is assigned a value but never used no-unused-vars

./src/app/fuse-layouts/layout1/components/navbar/style-1/NavbarStyle1Content.js Line 42:8: ‘theme’ is assigned a value but never used no-unused-vars

./src/app/fuse-layouts/layout1/components/navbar/style-2/NavbarStyle2Content.js Line 42:8: ‘theme’ is assigned a value but never used no-unused-vars

./src/@fuse/core/FuseNavigation/vertical/types/FuseNavVerticalItem.js Line 49:8: ‘dispatch’ is assigned a value but never used no-unused-vars

./src/app/fuse-layouts/shared-components/NavbarToggleFab.js Line 4:8: ‘IconButton’ is defined but never used no-unused-vars

./src/@fuse/core/FuseNavigation/FuseNavigation.js Line 57:8: ‘classes’ is assigned a value but never used no-unused-vars

./src/@fuse/core/KoboNavigation/vertical/types/FuseNavVerticalTab.js Line 64:8: ‘dispatch’ is assigned a value but never used no-unused-vars Line 65:8: ‘location’ is assigned a value but never used no-unused-vars

Hi, make sure all dotted files in place (.eslintrc, .estlintignore etc) then restart the server.

For your questions, please open support request at support.withinpixels.com

Best regards.

I know how to handle eslint. I just need a yes or no answer to my question. I don’t think there is any need to open support ticket. I am just wondering if a variable or const value won’t be used, why do you declare it? And there are multiple instances of such.

Most of the erors resolved on the dev branch with better eslint config and will be available on the next release.

I can give you an example:

const useStyles = makeStyles((theme) => ({

we declare the the theme value to show developer that it can be used while given styles.

Please open support ticket at support.withinpixels.com

Best regards.

Hello we have bought this a long time ago and finally have a purpose for it but when we do yarn start we get a whole list of : src/app/main/documentation/third-party-components/react-apexcharts/ReactApexchartsDoc.js Line 7:1: Definition for rule ‘import/no-webpack-loader-syntax’ was not found import/no-webpack-loader-syntax Line 8:1: Definition for rule ‘import/extensions’ was not found

is there a easy fix

Make sure, .estlinrc and .estlintignore files in place. If not add all dotted files and remove node_modules and try again running yarn && yarn satrt . This issue is not common and not reported before probably related with your environment, i can’t help you without reproducing the issue.

I think i found it on every error page afther yarn start i see:

/* eslint import/no-webpack-loader-syntax: off / / eslint import/extensions: off */

So i have to go to every page and delete that and add // eslint-disable-next-line

thats a lot of work :)

when i remove it without // eslint-disable-next-line it also work

Perfect template to kick start a project. Great support and documentation.

Thank you for your kind words!

Bom dia meu amigo, você pretende alterar o visual desse template como fez na versão em Angular? Ou será apenas esse? Obrigado

Hi,

There is no plan to update the design to match with angular one in near future.

Best regards.

Hi im getting this error when running craco build in gitlab…. any ideas??

$ cross-env GENERATE_SOURCEMAP=false env-cmd -f .env.production craco build events.js:292 throw er; // Unhandled ‘error’ event ^ Error: spawn env-cmd ENOENT at Process.ChildProcess._handle.onexit (internal/child_process.js:267:19) at onErrorNT (internal/child_process.js:469:16) at processTicksAndRejections (internal/process/task_queues.js:84:21) Emitted ‘error’ event on ChildProcess instance at: at Process.ChildProcess._handle.onexit (internal/child_process.js:273:12) at onErrorNT (internal/child_process.js:469:16)

Hi, It could be related with https://github.com/facebook/create-react-app/issues/7251#issuecomment-511385531

Please open ticket at support.withinpixels.com

Kind regards

I have been following React 18 and all the new Concurrent mode features, for instance this page: https://reactjs.org/docs/concurrent-mode-patterns.html

Are you following this release and do you plan on integrating any of these new features into Fuse?

Hi, We are following latest releases and features, we willl definitely working on a release for react-18 after it gets stable version. Best regards.

Hi! Good design!

1- When buying, can I use it immediately or is this just a template?

2- Can I use it as a CRM to manage my customers, where each customer has a page with payment history and tickets?

Hi,

It’s not a complete product, it’s a template at the end. You can use as boilerplate.

Best regards.

HI How do I change the height of all Inputs and Select Fields…Im trying to change the below to Padding: 10px 14px;

.MuiOutlinedInput-input-1218 { padding: 18.5px 14px; }

But can’t find it anythere

You need to checkout for material-ui customization.

If you find solution, please open support ticket at support.withinpixels.com

what’s updated version of React, Redux and WebPack anyone can tell ma in it latest update

Hi,

We are constantly update dependency packages.

react: v17.0.2

redux: v4.1.0

react-redux: v7.2.4

@reduxjs/toolkit: v1.5.1

We are using create-react-app as generator so cannot update webpack saparately

react-scripts: v4.0.3

Best regards.

Thanks for Reply, Please clear me one more thing. Version of “React Router” and SAAS base theme model if you have.

How to setup public and auth URL routes ? by JWT token ?

Hi,

Please open support ticket at support.withinpixels.com

Best regards

Hi I like the design but i use nextjs, will it really break when using it in nextjs? What are the known issue when using it in nextjs?

Hi,

We are using facebook’s create-react-app as generator and also using react-router. So migrating the project to the nextjs is not a easy job and not recommended.

Best regards.

Hi,

I have a django app, I’m using postgresql, django orm and jquery but I want to convert my frontend to React, I have installed basic dependencies for React and currently I can display default React app on my website.

Can I use some parts of this template as my frontend with my current Django setup?

Thanks, Kerem

Hi Kerem, The fuse react designed as SPA We are using create-react-app as generator. You can use Django to create REST API and connect with fuse react. There are some configurations that we made in create-react-app to use tailwindcss etc so we don’t recommend partial usage but you can migrate.

Best regards.

Hi, I see a weird behavior, when i change to whatever layout and reload the page, All the App was shifted to the left by 224px, Can you confirm this behavior please otherwise i send you a small recorded video

Hi, Could you open support ticket at support.withinpixels.com

Best regards.

All material ui icons disappears in production build. Why?

Hi, It’s possbily related with dependency library versions, Please make sure, you are using the versions at the package.json that comes with the package especially important possibly related libraries like jss etc.

Could you open support ticket at support.withinpixels.com

Hello! We have plans to use the Fuse/React, but it is in javascript and we would like to use typescript. Do you have plans to use typescript on Fuse/React soon? We are able to change it by ourselves, but it could be a problem when you change the code in the future

Hi, We don’t have a plan migrate to typescript in near future. You can still use fuse-react with typescript.

Best regards.

why is that these admin templates are never made with landing pages?!? can someone please explain why? is it that it is not possible? who wants landing page to look different to admin page when logged in? so why dont theme developers make one theme that has landing pages and admin dashboard in one?!?

Hello,

Because it’s not allowed to include a Landing page into an Admin template as Landing pages have their own category here on Themeforest. We don’t make the rules, unfortunately.

And if you happen to see an admin template that does include one, you can report it to Themeforest support.

Cheers

After setting up the component so that it can be called via routing, a black blank screen occurs, from Redux it is certain that the data is safely retrieved. Also I tried without and using FuseLoadable, the results are still the same. Kindly please help, thank you.

Hi,

Could you open support ticket at support.withinpixels.com with detailed information (code etc.)

Best regards.

Hi

Do you plane to implement a state persistence after a page refresh ?

Thank you in advance

Hi,

It’s not a common interest so we don’t have a plan to add this feature. You can checkout redux-persist library.

Best regards.

Yarn writes this on first step of installation and app didn`t run.

Resolution field “react@17.0.2” is incompatible with requested version “react@15.6.2”

Resolution field “react-dom@17.0.2” is incompatible with requested version “react-dom@15.6.2”

P.s. I have latest stable version of node.js and yarn v1

Hi, Could you open support request with your environment details (OS, nodejs, yarn versions etc) at support.withinpixels.com

Best regards.

So many errors in the app, can’t even able to run yet. just spent few hours trying.

/.yarn/$$virtual/@material-ui-data-grid-virtual-aa1f7de665/0/cache/@material-ui-data-grid-npm-4.0.0-alpha.22-c0a6057b33-3fb404afec.zip/node_modules/@material-ui/data-grid/dist/index-esm.js Module not found: @material-ui/data-grid tried to access @material-ui/styles, but it isn’t declared in its dependencies; this makes the require call ambiguous and unsound.

Hi, Please use at least LTS release of node.js and latest yarn v1. Remove node_modules and try again running yarn && yarn start. This kind of issues mostly resolved with these steps, if not open support request with your environment details at support.withinpixels.com

Best regards.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey