Val Town Code SearchReturn to Val Town

4HonoJs doesn't support render for async components so the style is off for the home page.
5
6And the state changes don't register in html rendering so thinking of using react instead.

1/** @jsxImportSource https://esm.sh/react */
2
3import React, { useCallback, useEffect, useReducer, useRef, useState } from "https://esm.sh/react";
4import { hydrateRoot } from "https://esm.sh/react-dom/client";
5import { renderToString } from "https://esm.sh/react-dom/server";
6import { hnSearch } from "https://esm.town/v/stevekrouse/hnSearch";
7import About from "https://esm.town/v/vawogbemi/whoIsHiringAbout";

1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { marked } from "https://esm.sh/marked@4.3.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import React, { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
5
6function ConfirmationModal({ isOpen, onClose }) {

1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import { expect, prettify, Test } from "https://esm.sh/tiny-jest@1.1.1";
5

1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5const fizzBuzzTest = `

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3import react_http from "https://esm.town/v/stevekrouse/react_http?v=3";
4
5const BASE_URL = "https://stevekrouse-cors_example_backend.web.val.run";
35}
36
37export default react_http(App, import.meta.url);

1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function FAQ({ question, answer }) {

1/** @jsxImportSource https://esm.sh/react */
2import React from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5const OasisBandInfo = {

1/** @jsxImportSource https://esm.sh/react */
2import { BskyAgent } from "https://esm.sh/@atproto/api";
3import React, { useState } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function App() {