REST Countries API using React Styled Components

Hello.

• The countries of the Oceania region (not only them, but in the majority) throw a 400 error when opened.
• There is no Antarctic in the filter.
• When I open the country Antarctica, the application crashes.

Otherwise great, keep it up!👍

Hey, read about window.matchMedia("(prefers-color-scheme:dark)").matches{}

It will automatically check what the prefer scheme you have in options.

const [themeDark, setThemeDark] = React.useState(false);

useEffect(() => {
if (window.matchMedia("(prefers-color-scheme:dark)").matches) {
setThemeDark(true)
} else {
setThemeDark(false)
}
}, []);


//Add dark class to html tag
useEffect(() => {
if (themeDark) {
document.documentElement.classList.add("dark");
} else document.documentElement.classList.remove("dark");
}, [themeDark]);  // 

What's more, since react 18+, you don't have to import React and use for example React.useState()

But to sum up, great work, really.