Lext Posts - Deno

Lext

Posts Comments

DDeno

•Created by Lext on 9/30/2024 in #help

How to let google find my website?

I try to configure stuff in google console, but it doesn't seem to work. Do I have to buy a domain or something?

22 replies

DDeno

•Created by Lext on 2/2/2023 in #help

Deno-lint shows an error on the event type. (which shouldn't be)

Here is the full thread about it: https://discord.com/channels/684898665143206084/1050387276322058311 I use JSX.TargetedEvent<HTMLInputElement, Event> as the type of event. It works perfectly when I run it, but deno-lint still give me this error when I use event.key : Property 'key' does not exist on type 'TargetedEvent<HTMLInputElement, Event>'. Is there anyway to fix it?

1 replies

DDeno

•Created by Lext on 1/9/2023 in #help

How to use MUI in Fresh?

Is there a way to use Material UI components library in Fresh? Here is the code I tried:

import { Button } from "https://esm.sh/@mui/material@5.11.3";

export default function MyApp() {
  return (
    <div>
      <Button variant="contained">Hello World</Button>
    </div>
  );
}

import { Button } from "https://esm.sh/@mui/material@5.11.3";

export default function MyApp() {
  return (
    <div>
      <Button variant="contained">Hello World</Button>
    </div>
  );
}

And it gives me this error:

An error occurred during route handling or page rendering. Error: [object Object] is not a valid HTML tag name in <[object Object] variant="contained">
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:2370)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:2689)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:1729)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:1729)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:1729)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:1729)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:1729)
    at q (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:316)
    at realRender (https://deno.land/x/fresh@1.1.2/src/server/render.ts:167:16)
    at Object.render (https://deno.land/x/fresh@1.1.2/src/server/render.ts:185:7)

An error occurred during route handling or page rendering. Error: [object Object] is not a valid HTML tag name in <[object Object] variant="contained">
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:2370)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:2689)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:1729)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:1729)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:1729)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:1729)
    at E (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:1729)
    at q (https://esm.sh/v102/preact-render-to-string@5.2.4/X-ZS8q/deno/preact-render-to-string.js:12:316)
    at realRender (https://deno.land/x/fresh@1.1.2/src/server/render.ts:167:16)
    at Object.render (https://deno.land/x/fresh@1.1.2/src/server/render.ts:185:7)

You can use MUI in Preact: https://github.com/mui/material-ui/tree/master/examples/preact But I don't know how to use it in Fresh.

2 replies