jonyw4 / color-thief-react Goto Github PK

Hello I tried to use you color-thief-react but I still have this annoying error about react rules...

Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
   See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.

I wonder if you can help me to understand what's going on ....

I'm on react 17 and I'm using typeScript

When using the hook as follows,

const imageSrc = "https://live.staticflickr.com/65535/50237066832_72c7290c5c_c.jpg";
const { data, loading, error } = useColor(imageSrc, "hex");
console.log(data);

data seems always to be undefined. Very possible that this is something I'm doing wrong. Any ideas?

I'll try to PR, but I'll add this here so I don't forget:

Format

• rgbToString is actually rgbString
• rgbToArray is actually rgbArray

usePalette

It's not exported https://github.com/jonyw4/color-thief-react/blob/master/src/index.js#L7

Package

The production build contains src and test code and could be optimized.

Hey, first of all, thank you for creating this react version, any plans to catch up w/ the official release?

Ref: https://github.com/lokesh/color-thief/releases/tag/v2.4.0
Ref2: lokesh/color-thief#202 (comment)

Hello. I found that the useColor() function can't compute some images from Reddit. I can reproduce on this sandbox

URL of an image causing trouble : Image from Reddit

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): update dependency codecov to v3.8.3
• chore(deps): update dependency typescript to v4.9.5
• fix(deps): update dependency tslib to v2.6.2

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• chore(deps): update dependency coveralls to v3.1.1
• chore(deps): update dependency eslint-plugin-prettier to v3.4.1
• chore(deps): update dependency prettier to v2.8.8
• fix(deps): update dependency colorthief to v2.4.0
• fix(deps): update dependency prop-types to v15.8.1
• chore(deps): update actions/checkout action to v4
• chore(deps): update actions/setup-node action to v4
• chore(deps): update dependency @testing-library/react to v15
• chore(deps): update dependency eslint to v9
• chore(deps): update dependency eslint-config-prettier to v9
• chore(deps): update dependency eslint-plugin-jest to v28
• chore(deps): update dependency eslint-plugin-prettier to v5
• chore(deps): update dependency husky to v9
• chore(deps): update dependency prettier to v3
• chore(deps): update dependency typescript to v5
• chore(deps): update jest monorepo to v29 (major) (@types/jest, jest, ts-jest)
• chore(deps): update react monorepo to v18 (major) (@types/react, @types/react-dom, react, react-dom)
• chore(deps): update typescript-eslint monorepo to v7 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• 🔐 Create all rate-limited PRs at once 🔐

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• chore(deps): update dependency canvas to v2.11.2
• chore(deps): update dependency eslint to v7.32.0
• chore(deps): update dependency eslint-config-prettier to v6.15.0
• chore(deps): update dependency eslint-plugin-react to v7.34.1
• chore(deps): update dependency ts-jest to v26.5.6
• chore(deps): update react monorepo (@types/react, @types/react-dom, eslint-plugin-react-hooks, react, react-dom)
• chore(deps): update typescript-eslint monorepo to v4.33.0 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• chore(deps): update commitlint monorepo to v19 (major) (@commitlint/cli, @commitlint/config-conventional)

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency semantic-release to v19 [security]
• chore(deps): update jest monorepo (@types/jest, jest)

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• chore(deps): update dependency husky to v4.3.8

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

Is this lib works with local images?