How to Authenticate Teams AI bot with Graph

[JonoSuave]

I posted this to the Microsoft Teams GitHub as well, but thinking some in here may be able to assist as well:

Describe the bug
I was able to get the Tutorial AI Bot up using OpenAI, and now I want to integrate it with Graph data. When I debug locally in Teams, however, I get the following error: The bot encountered unhandled error: Could not find Connection Setting with name GraphConnectionLocalBot

To Reproduce
Repo: https://github.com/JonoSuave/TutorialBot.git

Steps to reproduce the behavior:

Spin up a Teams AI Bot with OpenAI
Instantiate the the app in the index.ts like so:
const app = new Application({
storage,
ai: {
planner,
moderator,
promptManager,
prompt: "chat",
history: {
assistantHistoryType: "text",
},
},
authentication: {
connectionName: config.connectionName,
title: "Sign In",
},
});
Set up an app registration with Graph delegate permissions openid and profile
Provision via Teams Toolkit so the resources are created in Azure, including the Azure bot
Go to the Azure bot created in Azure Portal and navigate to the Configuration Settings
Add your app registration with delegated Graph permissions to the OAuth Connection Settings
Test the connection
Add the name of the OAuth Connection setting to your Teams AI .env file like so: CONNECTION_NAME=GraphConnectionLocalBot
Make sure you add the reference to the teamsapp.local.yml file as well
Debug the application in Edge
Expected behavior
To communicate with the AI Bot and to have an authentication popup window display to login the user and grant permissions to their openid and profile data to the bot

Desktop (please complete the following information):

OS: iOS
Browser [Edge]