How to add multiple colors to shader?

[milindsakhare100]

import React, { useState } from 'react';

import { View} from 'react-native'; 
import { Canvas, Fill, Shader, ImageShader, useImage } from '@shopify/react-native-skia';

const REMOVE_COLOR_SHADER = Skia.RuntimeEffect.Make(`
uniform shader image;
uniform vec3 colorToRemove; // Color to remove
uniform float threshold; // Tolerance for color matching

half4 main(in vec2 xy)
{
  vec4 texColor = image.eval(xy).rgba;
  vec3 colorDiff = texColor.rgb - colorToRemove;

  if (length(colorDiff) < threshold)
  {
    return vec4(0.0, 0.0, 0.0, 0.0); // Make it transparent
  }
  
  return texColor; // Return original color
}
`)!;

const Component = () => {
  const image = useImage('../path/to/image.png');

  // State for dynamic color and threshold
  const [colorToRemove, setColorToRemove] = useState([1.0, 1.0, 1.0]); // Initial color to remove
  const [threshold, setThreshold] = useState(0.1); // Initial threshold

  return (
    <View style={{ flex: 1 }}>
      <Canvas style={{ flex: 1 }}>
        <Fill>
          <Shader 
            source={REMOVE_COLOR_SHADER} 
            uniforms={{
              colorToRemove: colorToRemove,
              threshold: threshold,
            }}
          >
            <ImageShader
              image={image}
              fit="fitHeight"
              x={0}
              y={0}
              width={360}
              height={500}
            />
          </Shader>
        </Fill>
      </Canvas>
    </View>);
};
export default Component;

I want to add multiple colors to add with colorToRemove,
I did like
const [colorsToRemove, setColorsToRemove] = useState([ [1.0, 1.0, 1.0], // White [0.0, 0.0, 0.0], // Black ]);
this but getting error, please anyone help with this,
thanks

[GiuseppeSpathis]

Try this:
const [colorsToRemove, setColorsToRemove] = useState([
[1.0, 1.0, 1.0], // White
[0.0, 0.0, 0.0], // Black
]);
And if it doesn't work try to add the other colour after in this way:
const addColor = (newColor) => {
setColorsToRemove(prevColors => [...prevColors, newColor]);
};

addColor([0.5, 0.5, 0.5]); // add a new colour