genetic-orange
genetic-orangeโ€ข15mo ago

Authenticated not defined error

I'm following a Javascript Mastery tutorial, but when I create a new refine app, I keep getting this error. Can anyone help me fix this?
No description
18 Replies
kapa.ai
kapa.aiโ€ข15mo ago
Hey @hwak0360! I'm the kapa.ai support bot. I've searched through the docs to try to answer your question. :wave:
kapa.ai
kapa.aiโ€ข15mo ago
---------------------- Hmm, I don't know enough to give you a confident answer yet. However, I can point you to the Refine vs Redwood.js blog post (https://refine.dev/blog/refine-vs-redwood-js/) which has a section on authentication. It provides instructions on how to set up authentication with Auth0, including how to set up the environment variables and restart the development server. It also provides a link to the Auth0 signup page. I hope this helps! ----------------------
refine vs RedwoodJS | refine
We will compare two open source React frameworks, that can be used to build CRUD applications
kapa.ai
kapa.aiโ€ข15mo ago
<@231593757324214274> kapa.ai is still learning and improving, please let us how it did by reacting below
wise-white
wise-whiteโ€ข15mo ago
I'm guessing the Authenticated component is not imported from @refinedev/core. Can you add this to the page where its used? Also can you share the options you've selected during the creation process? We will fix the error as soon as possible for the new projects ๐Ÿ™
genetic-orange
genetic-orangeโ€ข15mo ago
yes of course. I used CRA, add example pages, materialUI, REST API, GoogleAuth, and no i18n I will look into that, thank you for the fast response! ill let you know if it fixes ๐Ÿ™‚
wise-white
wise-whiteโ€ข15mo ago
You may also want to check out the example here https://github.com/refinedev/refine/tree/next/examples/mern-dashboard-client You can use the command below to install it on your local:
npm create refine-app@latest -- --example mern-dashboard-client
npm create refine-app@latest -- --example mern-dashboard-client
We're releasing the refine's v4 and you might get a different output from create-refine-app than the video tutorial , that's because the boilerplates are also updated for the new version ๐Ÿ˜…
GitHub
refine/examples/mern-dashboard-client at next ยท refinedev/refine
Build your React-based CRUD applications, without constraints. - refine/examples/mern-dashboard-client at next ยท refinedev/refine
genetic-orange
genetic-orangeโ€ข15mo ago
is that the same project as the video tutorial?
genetic-orange
genetic-orangeโ€ข15mo ago
also i am now getting these errors
No description
wise-white
wise-whiteโ€ข15mo ago
Yes, also mentioned in the description of the video actually Box is now should be imported from @mui/material instead of @refinedev/mui.
Sorry for the issues ๐Ÿคฆโ€โ™‚๏ธ Checking the first one now, looks like there's a mistype ๐Ÿค”
genetic-orange
genetic-orangeโ€ข15mo ago
its ok no worries. I really appreciate all the help!
wise-white
wise-whiteโ€ข15mo ago
duh! Its defaultValues not defaultValue ๐Ÿ˜…
genetic-orange
genetic-orangeโ€ข15mo ago
i had it as defaultValues but then in the error console it said to change to defaultValue
wise-white
wise-whiteโ€ข15mo ago
Adding this to the list of fixes to be done ๐Ÿช–
genetic-orange
genetic-orangeโ€ข15mo ago
No description
wise-white
wise-whiteโ€ข15mo ago
Can you show me where the AuthPage component is imported?
genetic-orange
genetic-orangeโ€ข15mo ago
Sorry im not too sure. I'm pretty confused. Is this what you mean?
No description
wise-white
wise-whiteโ€ข15mo ago
Yeah, that was what i meant, thank you! Can you remove the AuthPage import from @refinedev/core and import it from @refinedev/mui like:
import { AuthPage } from "@refinedev/mui";
import { AuthPage } from "@refinedev/mui";
This should resolve the issue ๐Ÿ™
genetic-orange
genetic-orangeโ€ข15mo ago
wooooo!!! that fixed it thank you so much!