Comments (7)
Hi @shannonhochkins sorry I did not provide this in my first post.
I'm using Node v18.16.1 and npm v9.7.2. It's a boilerplate Nextjs app (npx create next app with typescript), so everything is pretty much standard out of the box config. I've only added Tailwind to it, plus hakit/core and hakit/components.
I've done the usual delete node_modules and re-install etc. but no go unfortunately. I'm gonna spin up a fresh app and give it another try and will update you.
Again I can't express my gratitude enough to see your great work, I also commented on your Reddit post (my username is l19bal on Reddit). Very excited to make use of these components to build beautiful dashboards in a way I understand better (I'm a senior software engineer, and I don't like YAML aka Lovelace).
Thanks!
from ha-component-kit.
I can replicate with a very basic nextjs app - leave it with me I'll have it solved today for you :)
from ha-component-kit.
I believe this may have something to do with how nextjs decides what is a client/server component, are you using the 'use client' directive? I don't know a whole lot about nextjs, but i was able to replicate it initially, even when including the use client directive it would say it can't find the window object, this may cause issues storing the tokens on local storage or using the RoomCard hash links
Either way, I've just published new versions of core/components and the issue has been resolved (at least in my simple test) - please let me know if you're seeing issue's
Thankyou for your kind words! Any more feedback / suggestions please throw them my way! I'm doing my best to ensure this is a seamless project with little errors but it's obviously hard to catch everything :)
from ha-component-kit.
Hi @element-software , would you mind providing replicatable steps? What version of node/npm are you using, what bundler?
I do test this before i release and I hadn't seen this issue before, but i did make a few core changes would could have impacted, but if you can point me in the right direction on how to replicate it i'll sort it out for you :)
Are you using commonjs or esm? (import or require) - which version of react? :D
from ha-component-kit.
@element-software have you managed to test it out yet?
from ha-component-kit.
Hi @shannonhochkins apologies for the delay. Yes I've updated them as below:
"@hakit/components": "^1.0.17",
"@hakit/core": "^1.0.14",
It all seems to be working as before! Thank you for this!!
from ha-component-kit.
Awesome! Thankyou
from ha-component-kit.
Related Issues (20)
- Entity icon only updates when refreshing the page HOT 5
- TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" HOT 17
- Problem using the dashboard in companion app HOT 28
- Modal - Animation Control HOT 1
- Discord link is expired HOT 1
- Vacuum Card - New card to control Vacuum entities HOT 1
- Prevent sidebar/group collapsing HOT 5
- POC - Swap store to signals HOT 1
- Multi lingal HOT 1
- Option to disable animations HOT 5
- Authorization request after each page refresh HOT 7
- access to HA without logging in (use token) HOT 4
- AlarmCard
- Card title and description HOT 3
- useDevice hook HOT 6
- Style rgb variables for error/warning/success HOT 4
- Deploy docs update: SSH add-on HOT 3
- Theme provider flashes HOT 1
- ThemeProvider - precompile and make more dynamic
- useTemplate
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ha-component-kit.