Template Literal as a function argument in Typescript

Given the example below:

type AllNames = 'andre' | 'willian' | 'pedro'
type HiNames = `Hi ${AllNames}`

const value: AllNames = 'andre'

const randomFunction = (prop: HiNames) => `${prop}, how are you?`

randomFunction(`Hi ${value}`)

VSCode is throwing the following error :
Argument of type 'string' is not assignable to parameter of type '"Hi andre" | "Hi willian" | "Hi pedro"'.

Wouldn’t Hi ${value} always evaluate to Hi andre?

How could I use a template literal as a function argument in Typescript? Any help is highly appreciated. Thanks.