scrimba / learn-react-router-6 Goto Github PK

View Code? Open in Web Editor NEW

243.0 13.0 119.0 1.7 MB

Starter code for each scrim in Bob Ziroll's Learn React Router 6 course on Scrimba! ⚛️

Home Page: https://scrimba.com/learn/reactrouter6/

JavaScript 70.31% CSS 27.32% HTML 2.37%

react reactrouter

learn-react-router-6's People

Contributors

Stargazers

Watchers

Forkers

vohobjonoff geraldodev gorg1ev deepen77 alcfernandes aferisworld adityamishra5551 soufianeb7 joe-mwangi jhondelcaranay joemonreflections mujtaba51472 daniel-williams-ux nikhil149 maximilianoalonsovolarich igorosta santhosh2907 meelyn-pandit mohlutfifauzi serenenity anburaghu franciscofbc jenadarayan adamsgeeky gnomefire tran-quyen bvigga gabriel-gomes-desenvolvedor1999 joesatrianie rathoreankit1 leila0202 niculeasab bensonosei ramzan1813 footballer2021 praveen12kumar zerelt apikolll abebetesso hitabratanath codinglessons101 frk-sandkake mijan-alt tearf001 jawadullah9t9 brijendra-singh2003 helloojohn ibdavid7 shaquon jkalandarov ahmedsaif0 dikshant-khadka hcoco1 santoshpremi halabitimoty sershkarpenko mide-dev novakkrivicy maneth-ii nitin-devatraj koustav2 ojst60 adonisjoe devbobnwaka brunofernandes21 shwejansrv ramcharan2410 butterbrot123 wutche eidan66 hojjatmahdave pt-23 biyamn itsn1ckw sebastianpr1 akinterinwa shaloomniyibizi somaya-77 rasminoel truyentran2448 utkarsh4084 dejobs maxcodextc imrajas-samse general88 300myles bolaji06 abhishekbhattarai0 hugzenfeu momohyusuf mbuguadennis vladboss61 newpinturaj akshaymagrani ronniet2008 thedevangvishnu haroon1405 himanshureact gogog01-29-2021 amar1795

learn-react-router-6's Issues

Bug

caught (in promise) TypeError: Cannot read properties of null (reading 'vans')
at HostVanDetails.jsx:11:42

Reassinging body in requireAuth function fails with Netlify.

The workaround for redirect not having a body property works fine on local.

export async function requireAuth() {
	const isLoggedIn = false;

	if (!isLoggedIn) {
		const response = redirect('/login?message=You must be logged in');
		response.body = true; 
		throw response;
	}

	return null;
}

However reasigning the body is problametic because it throws this error

Cannot assign to 'body' because it is a read-only property.ts(2540)

It doesn't effect the local build but it fails on Netlify build step saying that

11:49:54 AM: Netlify Build                                                 
11:49:54 AM: ────────────────────────────────────────────────────────────────
11:49:54 AM: 
11:49:54 AM: ❯ Version
11:49:54 AM:   @netlify/build 29.20.12
11:49:54 AM: 
11:49:54 AM: ❯ Flags
11:49:54 AM:   baseRelDir: true
11:49:54 AM:   buildId: 64f98ea51381b90008fae837
11:49:54 AM:   deployId: 64f98ea51381b90008fae839
11:49:54 AM: 
11:49:54 AM: ❯ Current directory
11:49:54 AM:   /opt/build/repo
11:49:54 AM: 
11:49:54 AM: ❯ Config file
11:49:54 AM:   No config file was defined: using default values.
11:49:54 AM: 
11:49:54 AM: ❯ Context
11:49:54 AM:   production
11:49:54 AM: 
11:49:54 AM: Build command from Netlify app                                
11:49:54 AM: ────────────────────────────────────────────────────────────────
11:49:54 AM: 
11:49:54 AM: $ npm run build
11:49:55 AM: > [email protected] build
11:49:55 AM: > tsc && vite build
11:49:56 AM: src/utils/index.ts(30,12): error TS2540: Cannot assign to 'body' because it is a read-only property.
11:49:57 AM: 
11:49:57 AM: build.command failed                                        
11:49:57 AM: ────────────────────────────────────────────────────────────────
11:49:57 AM: 
11:49:57 AM:   Error message
11:49:57 AM:   Command failed with exit code 2: npm run build (https://ntl.fyi/exit-code-2)
11:49:57 AM: 
11:49:57 AM:   Error location
11:49:57 AM:   In Build command from Netlify app:
11:49:57 AM:   npm run build
11:49:57 AM: 
11:49:57 AM:   Resolved config
11:49:57 AM:   build:
11:49:57 AM:     command: npm run build
11:49:57 AM:     commandOrigin: ui
11:49:57 AM:     publish: /opt/build/repo/dist
11:49:57 AM:     publishOrigin: ui
11:49:57 AM: Build failed due to a user error: Build script returned non-zero exit code: 2
11:49:57 AM: Failing build: Failed to build site
11:49:58 AM: Finished processing build request in 15.608s

Is there a possible fix for this issue?

Unable to clone the repository

When i clone the repository it is showing me


``
error: invalid path '05 - Actions and Protected Routes/05 - Protected Routes - Conditionally send to :login page/AuthRequired.jsx'
fatal: unable to checkout working tree
warning: Clone succeeded, but checkout failed.
You can inspect what was checked out with 'git status'
and retry with 'git restore --source=HEAD :/'
``

When i do 'git restore --source=HEAD :/'

`error: invalid path '05 - Actions and Protected Routes/05 - Protected Routes - Conditionally send to :login page/AuthRequired.jsx'
error: invalid path '05 - Actions and Protected Routes/05 - Protected Routes - Conditionally send to :login page/Layout.jsx'
error: invalid path '05 - Actions and Protected Routes/05 - Protected Routes - Conditionally send to :login page/README.md'
error: invalid path '05 - Actions and Protected Routes/05 - Protected Routes - Conditionally send to :login page/index.css'
error: invalid path '05 - Actions and Protected Routes/05 - Protected Routes - Conditionally send to :login page/index.html'
error: invalid path '05 - Actions and Protected Routes/05 - Protected Routes - Conditionally send to :login page/index.jsx'
error: invalid path '05 - Actions and Protected Routes/05 - Protected Routes - Conditionally send to :login page/package.json'
error: invalid path '05 - Actions and Protected Routes/05 - Protected Routes - Conditionally send to :login page/vite.config.js'
error: invalid path '05 - Actions and Protected Routes/08 - Protected Routes w: loaders/AuthRequired.jsx'
error: invalid path '05 - Actions and Protected Routes/08 - Protected Routes w: loaders/Layout.jsx'
error: invalid path '05 - Actions and Protected Routes/08 - Protected Routes w: loaders/README.md'
error: invalid path '05 - Actions and Protected Routes/08 - Protected Routes w: loaders/index.css'
error: invalid path '05 - Actions and Protected Routes/08 - Protected Routes w: loaders/index.html'
error: invalid path '05 - Actions and Protected Routes/08 - Protected Routes w: loaders/index.jsx'
error: invalid path '05 - Actions and Protected Routes/08 - Protected Routes w: loaders/package.json'
error: invalid path '05 - Actions and Protected Routes/08 - Protected Routes w: loaders/vite.config.js'
error: invalid path '05 - Actions and Protected Routes/10 - Challenge - Protected Routes w: loaders/AuthRequired.jsx'
error: invalid path '05 - Actions and Protected Routes/10 - Challenge - Protected Routes w: loaders/Layout.jsx'
error: invalid path '05 - Actions and Protected Routes/10 - Challenge - Protected Routes w: loaders/README.md'
error: invalid path '05 - Actions and Protected Routes/10 - Challenge - Protected Routes w: loaders/index.css'
error: invalid path '05 - Actions and Protected Routes/10 - Challenge - Protected Routes w: loaders/index.html'
error: invalid path '05 - Actions and Protected Routes/10 - Challenge - Protected Routes w: loaders/index.jsx'
error: invalid path '05 - Actions and Protected Routes/10 - Challenge - Protected Routes w: loaders/package.json'
error: invalid path '05 - Actions and Protected Routes/10 - Challenge - Protected Routes w: loaders/vite.config.js'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/README.md'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/api.js'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/assets/images/about-hero.png'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/assets/images/avatar-icon.png'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/assets/images/home-hero.png'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/components/Error.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/components/Footer.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/components/Header.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/components/HostLayout.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/components/Layout.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/index.css'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/index.html'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/index.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/package.json'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/About.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Home.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Host/Dashboard.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Host/HostVanDetail.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Host/HostVanInfo.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Host/HostVanPhotos.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Host/HostVanPricing.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Host/HostVans.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Host/Income.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Host/Reviews.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Login.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/NotFound.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Vans/VanDetail.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/pages/Vans/Vans.jsx'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/server.js'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/utils.js'
error: invalid path '05 - Actions and Protected Routes/30 - Challenge - send user to :host route after log in/vite.config.js'`

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.