# React color踩雷記錄

工作剛好需要使用Color picker，試了一下react-color跟react-color-palette，因為版型上的需求選用react-color，接著找了document來讀，發現這個函式庫已經超過兩年沒更新了，文件中使用的依然是class component，不過倒也不影響使用，原本覺得沒問題，卻卡在一個奇怪的地方。
<br/>

文件的用法 (https://casesandberg.github.io/react-color/)

實作

//改為ES6語法，移除不需要的prop
import { Hue } from "react-color";

<Hue onChange={handleChange} />


//看似單純美好，然後就報錯了
caught SyntaxError: The requested module '/node_modules/.vite/deps/react-color.js?v=4eeca48d' does not provide an export named 'Hue'

<br/>

看了一下react-color的code才發現問題。
大哥你的組件明明是HuePicker，你的文件為什麼要寫Hue啦！


//修改後正常運作
import { HuePicker } from "react-color";

<HuePicker onChange={handleChange} />

<br/>

就降。

###### tags: `react-color` `react color`