SpriteMaterial appears dim and unclear

Questions
,
1

I’m loading some png: export const REACTPNG = new TextureLoader().load('./favicon.ico');. Then I add the sprite to the Scene as follows:

const sprite = new Sprite(new SpriteMaterial({ map: REACTPNG }));
scene.add(sprite);

My canvas is setup as follows:

export default function Game() {
    return (
        <Canvas style={{ width: '100vw', height: '100vh' }}>
            <Stuff />
        </Canvas>
    );
}

This is what I’m seeing:

image
image1270×623 47 KB

This seems odd to me since I’m not playing around with any lighting. I just use the default settings. What could be the issue?