The above two line should be deleted .
Current preview:

In the React Quiz App:

Considering that the highscore should persist even after user wants to restart

Using cloneElement in the modal Open component causes a bug unexpectedly

return cloneElement(children, { onClick: () => open(opens) });

This code works
<```
Modal.Open opens="delete">
Delete Booking </Modal.Open>

**This below code doesnt not work,**

<Modal.Open opens="delete">
{status === "checked-out" && (
Delete Booking
)}
</Modal.Open>

**I get this error**
> Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports

However it had been working before I added the **ErrorBoundary library**

I start the wild Oasis project in my localhost:5000 port , but I don't know what's the login account and password .

The api request with questions in the Quiz app seems to be corrupted.

Css files are there..but css is not working in my project

The CSS file for eat-nsplit appears to be incomplete, no style defined for img or h3?

WorldWise - Instructed to overwrite pages folder but new pages in starter does not include AppLayout.jsx

The component currently includes a button, but Instead of using a custom component, a plain element is used, resulting in an inconsistent button appearance.

Description

In the createBookings function of the data uploader file, there seems to be an issue with the mapping of guestId. The variable allGuestIds is being populated using guestsIds.map((cabin) => cabin.id), but it appears that cabin.id is incorrect in this context. It should be guestsIds.map((guest) => guest.id).

Steps to Reproduce:

1. Navigate to the createBookings function in the data uploader file.
2. Observe the line: const allGuestIds = guestsIds.map((cabin) => cabin.id);
3. Note that cabin.id is used to map guest IDs, which seems to be incorrect.

Expected Behavior:
The allGuestIds variable should be populated using the correct mapping, like so: const allGuestIds = guestsIds.map((guest) => guest.id);

const book = getBook(2);

const title =book.title;
title; The Cyberiad;

#12 finding bug in section 3 and Quokka.js cant worked and they cant be compiled

file: app-v3.js
line-179,180

The code snippet provided seems to have a problem with the cleanup of the event listener in the useEffect hook. In the cleanup function, the event listener is added again instead of being removed using removeEventListener. This can lead to unexpected behavior and potential memory leaks.

Proposed Solution: Modify the cleanup function in the useEffect hook to properly remove the event listener using removeEventListener. Also, include inputEl.current in the dependency array to handle changes to inputEl.current correctly.

when i want to dispatch some action in my app i get an error A component is changing an uncontrolled input to be controlled

Follow code in lesson 36 and browser does not display any images

lesson code:

fix:
<img
src={process.env.PUBLIC_URL + "pizzas/spinaci.jpg"}
alt="Pizza spinaci"
/>

The usePorn has unneccessary scroll features that makes the design look ugly from start

Hi Jonas,

There is a typo on slide 39 from the PDF "theory-slides.pdf", where instead of "FOR SETTING UP A RECT PROJECT", it should be "REACT".

Thanks for building up such a wonderful course,
Cheers

src -> features -> settings-. UpdateSettingsForm.jsx needs to be hollowed out.

after i download the zip file i am not able to extract the items inside because it keeps saying there is no content inside it

Hi, I'm following the tutorial on the Udemy. The css file gives me a large white space down there. Everything above the white space is html element. So I suspect height: 100vh doesn't work properly. But I'm not a css expert and cannot figure out how to fix it. I tried on Firefox but having the same issue.

Chapter 20, section 13 instructs to run npm i redux-devtools-extension.

This returned the following error on my machine however.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/redux
npm ERR!   redux@"^5.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer redux@"^3.1.0 || ^4.0.0" from [email protected]
npm ERR! node_modules/redux-devtools-extension
npm ERR!   redux-devtools-extension@"*" 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.

Replacing my package.json by the final version solved this issue.

The StarRating component currently expects a function to be passed to the onSetRating prop. If this prop is not provided, the application throws an error when trying to execute onSetRating as it is undefined. The StarRating component should have a default behavior defined for onSetRating to avoid TypeError when the function is not provided. This will enhance the component's robustness and prevent potential runtime errors. I found this error for the movie list app in Star component. . Please check it and add this verificator for avoiding questions about it 😁

function handleRating(rating) { setRating(rating); if(onSetRating) onSetRating(rating); }

the CSS for packing-list doesn't work properly.

related to .list ul overflow: scroll I think

If you are following and coding along, you might have come across this error yourself as well, i.e in the Implementing the Cities video.
When you try to pass the city prop to the CityItem.jsx component then you might have come up with this error where it is asking to specify the types of prop that you are passing.

country' is missing in props validation react/prop-types
7:22 error 'country.emoji' is missing in props validation react/prop-types
8:22 error 'country.emoji' is missing in props validation react/prop-types

It is turning out to be like this and for the time being, I have added prop types for each props being passed. If anyone has succesfully resolve this error. Please do leave any resources/ comment that could help me.

Thanks and regards

I sorted the items by packed status, and the checkboxes weren't truly re-rendering. I changed the "value" attribute to the "checked" one and it worked perfectly.

This should changed to overflow: hidden;

Today as I was continuing with the fast-react-pizza project, when navigating to the menu page the pizza data is loaded but the images are not.