yappiest-sapphire•2y 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?

18 Replies

kapa.ai•2y 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•2y 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•2y ago

<@231593757324214274> kapa.ai is still learning and improving, please let us how it did by reacting below

fair-rose•2y 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 🙏

yappiest-sapphire•2y 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 🙂

fair-rose•2y 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

yappiest-sapphire•2y ago

is that the same project as the video tutorial?

yappiest-sapphire•2y ago

also i am now getting these errors

fair-rose•2y 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 🤔

yappiest-sapphire•2y ago

its ok no worries. I really appreciate all the help!

fair-rose•2y ago

duh! Its defaultValues not defaultValue 😅

yappiest-sapphire•2y ago

i had it as defaultValues but then in the error console it said to change to defaultValue

fair-rose•2y ago

Adding this to the list of fixes to be done 🪖

yappiest-sapphire•2y ago

fair-rose•2y ago

Can you show me where the AuthPage component is imported?

yappiest-sapphire•2y ago

Sorry im not too sure. I'm pretty confused. Is this what you mean?

fair-rose•2y 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 🙏

yappiest-sapphire•2y ago

wooooo!!! that fixed it thank you so much!