document not defined error when trying to use twind

[briancbarrow]

I went through the getting started process using the docs, but now I've tried to add in twind the same way I see it being used in the site for the docs. Here is the full repo.

The error is happening on line 87 of the routes/blog/[slug].tsx file https://github.com/briancbarrow/fresh-blog/blob/main/routes/blog/%5Bslug%5D.tsx

Here is the full error:

An error occured during route handling or page rendering. ReferenceError: document is not defined
    at xt (https://esm.sh/v86/[email protected]/deno/twind.js:3:16408)
    at mt (https://esm.sh/v86/[email protected]/deno/twind.js:3:16559)
    at Bt (https://esm.sh/v86/[email protected]/deno/twind.js:3:30213)
    at r (https://esm.sh/v86/[email protected]/deno/twind.js:3:31217)
    at t (https://esm.sh/v86/[email protected]/deno/twind.js:3:31181)
    at Vt.tw.Object.defineProperties.theme.get.i (https://esm.sh/v86/[email protected]/deno/twind.js:3:31281)
    at Object.Content (file:///Users/brianbarrow/personal-code/fresh-blog/routes/blog/[slug].tsx:87:18)
    at h (https://esm.sh/v86/[email protected]/X-ZC9wcmVhY3RAMTAuNi42/deno/preact-render-to-string.js:4:916)
    at h (https://esm.sh/v86/[email protected]/X-ZC9wcmVhY3RAMTAuNi42/deno/preact-render-to-string.js:9:66)
    at h (https://esm.sh/v86/[email protected]/X-ZC9wcmVhY3RAMTAuNi42/deno/preact-render-to-string.js:4:7)

If I comment out the

const main = tw`py-8 overflow-hidden`;

and remove the class from the jsx markup, then I get no errors. I'm just not sure where I'm messing up that it isn't working.

In the utils/twind.ts file I logged out the objects coming from the twind imports and they log out just fine. So I know that the import is working correctly. But when I try to call the tw function I am getting errors.

[briancbarrow]

Figured it out. I hadn't added a page that adds all the styles for twind. You can see it here https://github.com/briancbarrow/fresh-blog/blob/main/routes/_render.ts

[mbledkowski]

The link you have provided does not work

[mbledkowski]

I have the same problem

error: ReferenceError: document is not defined
    at mt (https://esm.sh/v86/[email protected]/deno/twind.js:3:16536)
    at wt (https://esm.sh/v86/[email protected]/deno/twind.js:3:16687)
    at Bt (https://esm.sh/v86/[email protected]/deno/twind.js:3:30247)
    at r (https://esm.sh/v86/[email protected]/deno/twind.js:3:31251)
    at t (https://esm.sh/v86/[email protected]/deno/twind.js:3:31215)
    at Vt.tw.Object.defineProperties.theme.get.o (https://esm.sh/v86/[email protected]/deno/twind.js:3:31315)
    at dataToJSX (file:///home/mble/MEGA/Code/repos/mbledkowski/antipixel-website/src/mixins/dataToJSX.ts:15:33)
    at dataToJSX (file:///home/mble/MEGA/Code/repos/mbledkowski/antipixel-website/src/mixins/dataToJSX.ts:22:37)
    at file:///home/mble/MEGA/Code/repos/mbledkowski/antipixel-website/src/mixins/dataToJSX.ts:54:36
Watcher Process finished. Restarting on file change...

[ikari-pl]

I have to say I don't understand what's wrong and don't know which line of your repo might be a fix that would work for me. It seems I am doing everythign similarly enough...