Não aparece na tela de jeito nenhum, tentei várias formas e depois de muito tempo copie a do instrutor, mas não vai do mesmo jeito.

Não sei se você esqueceu de copiar aqui o fechamento da tag script ... Mas ali está faltando...

Fora isso, o problema está na linha onde você escreveu "pincel.strokeReact(x, y, tamanho, tamanho)". Tem um errinho bobo de escrita. Nela, está escrito "React".... o correto é "pincel.strokeRect(x, y, tamanho, tamanho)" com "Rect".

Fora isso, o código está funcionando normal!

Então, em resumo, ele deve ficar assim:

<canvas width="1200" height="1200"></canvas>

<script>

        function desenhaQuadrado(x, y, tamanho, cor) {
            var tela = document.querySelector('canvas');
            var pincel = tela.getContext('2d');

            pincel.fillStyle = cor;
            pincel.fillRect(x, y, tamanho, tamanho);
            pincel.strokeStyle ='black';
            pincel.strokeRect(x, y, tamanho, tamanho)
        }

        desenhaQuadrado(50, 50, 100, 'pink');
        desenhaQuadrado(150, 50, 100, 'pink');
        desenhaQuadrado(250, 50, 100, 'pink');
        desenhaQuadrado(350, 50, 100, 'black');

</script>

Teste aí e veja se está funcionando normal agora...

O que eu errei mesmo foi na parte do pincel, onde eu tinha colocado o React ao invés de Rect, mas a tag script estava correta, muito obrigado Eduarda.