here is a sample of the code, I just embedded your HexColorPicker component under the root shadow
https://codesandbox.io/s/react-colorful-demo-forked-6vivtb?file=/src/App.js
import React, { useState } from "react";
import { HexColorPicker } from "react-colorful";
import root from "react-shadow/emotion";
export default function App() {
const [color, setColor] = useState("#b32aa9");
return (
<root.div>
<HexColorPicker color={color} onChange={setColor} />
</root.div>
);
}