If you get unknownTemplateIds errors it’s almost always the case that your generated JS code is out of sync (has a different package ID) with your compiled DAML model. Try to resolve it with the answers suggested here: Sample React code for displaying all the templates and Contracts for a DAML Model
Also, make sure to restart your UI server after following the steps.