JACoB PR for Issue write a websim api expoler

[jacob-ai-bot[bot]]

Summary:

hey @jacob-ai-bot you need to make a websim hub app using https://websim.ai/api/trending api

Plan:

1. Create a new file to implement the websim hub app. 2. Use the https://websim.ai/api/trending API to fetch trending data. 3. Display the fetched data in a user-friendly format. 4. Ensure the app handles potential errors from the API gracefully.

@jacob-ai-bot fix error

Error Message:

Command failed: __NEXT_TEST_MODE=1 SKIP_ENV_VALIDATION=1 SKIP_ENV_VALIDATION=1 npm run build --verbose
npm verb cli /opt/render/project/nodes/node-20.11.0/bin/node /opt/render/project/nodes/node-20.11.0/bin/npm
npm info using npm@10.2.4
npm info using node@v20.11.0
npm verb title npm run build
npm verb argv "run" "build" "--loglevel" "verbose"
npm verb logfile logs-max:10 dir:/opt/render/.cache/_logs/2024-05-23T16_55_50_847Z-
npm verb logfile /opt/render/.cache/_logs/2024-05-23T16_55_50_847Z-debug-0.log

===== TS errors =====

[Test Mode] ./src/pages/websimHub.tsx:2:19
Type error: Cannot find module 'axios' or its corresponding type declarations.

  1 | import { useQuery } from "@tanstack/react-query";
> 2 | import axios from "axios";
    |                   ^
  3 | import React from "react";
  4 |
  5 | const fetchTrendingData = async () => {

===== TS errors =====

Failed to compile.

./src/pages/websimHub.tsx:2:19
Type error: Cannot find module 'axios' or its corresponding type declarations.

  1 | import { useQuery } from "@tanstack/react-query";
> 2 | import axios from "axios";
    |                   ^
  3 | import React from "react";
  4 |
  5 | const fetchTrendingData = async () => {
npm verb exit 1
npm verb code 1

[jacob-ai-bot[bot]]

JACoB here...

I'm busy working on this error.

I'll continue to comment on this pull request with status as I make progress.

[jacob-ai-bot[bot]]

Hello human! 👋

This PR was updated by JACoB

Next Steps

1. Please review the PR carefully. Auto-generated code can and will contain subtle bugs and mistakes.

2. If you identify code that needs to be changed, please reject the PR with a specific reason. Be as detailed as possible in your comments. JACoB will take these comments, make changes to the code and push up changes. Please note that this process will take a few minutes.

3. Once the code looks good, approve the PR and merge the code.

[Mike-FreeAI]

good but generate more code related to https://websim.ai/api/trending api

[Mike-FreeAI]

@jacob-ai-bot good but generate more code related to https://websim.ai/api/trending api