SVGLoader Lights issue

Questions
,
1

I’m using react three fiber and the SVG loader to load an illustration.
My question is how to make the model look like this example three.js examples
If I add ambient lights or a spotlight the colors don’t look vibrant. I want the svg not to be affected by light and just have the original vibrant colors

No lights:

image
image2416×2094 185 KB

Lights:

image
image2416×2064 213 KB

How it should look:

image
image662×774 41.2 KB

The code:

 <Canvas
    concurrent
    pixelRatio={window.devicePixelRatio}
    camera={{
      fov: 80,
      position: [0, 0, 120],
      rotation: [0, THREE.Math.degToRad(-20), THREE.Math.degToRad(180)],
    }}
  >
    <ambientLight intensity={0.5} />

    <Scene />
    <OrbitControls
      minPolarAngle={Math.PI / 2}
      maxPolarAngle={Math.PI / 2}
      enableRotate={false}
      enableZoom
      enablePan
      screenSpacePanning
    />
  </Canvas>
2

Answered on discord.

reactjs - Color differences between threejs + vanilla js and react-three-fiber + create-react-app - Stack Overflow (R3F modifies tone mapping, unless colorManagement is set to false on the Canvas element.)