Guard GithubRepos against non-array/error GitHub API responses before slicing

[Copilot]

GithubRepos.jsx assumed the GitHub repos API always returned an array and called .slice() unconditionally. On rate-limit/error responses (object payloads), this could throw at runtime.

• Response handling hardening

  • Added an explicit response.ok gate before JSON parsing.
  • Throws a request-level error when the HTTP response is not successful.

• Data-shape validation

  • Added Array.isArray(data) validation before calling .slice(0, 5).
  • Throws a distinct format-level error if the payload is not an array.

• Behavioral impact

  • Prevents runtime crashes from .slice on non-array payloads.
  • Keeps existing success-path behavior unchanged (still shows latest 5 repos).

fetch("https://api.github.com/users/Yasar2019/repos")
  .then((response) => {
    if (!response.ok) {
      throw new Error("GitHub API request failed");
    }
    return response.json();
  })
  .then((data) => {
    if (!Array.isArray(data)) {
      throw new Error("GitHub API returned invalid data format");
    }
    setRepos(data.slice(0, 5));
  });

• screenshot
  • https://github.com/user-attachments/assets/847c9a89-aef4-4b72-ab04-35212cff4e6a

[Yasar2019]

good

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://witty-mud-031b23a0f-25.eastus2.2.azurestaticapps.net