Jon Gallanthttps://blog.jongallant.com/favicon.ico2023-02-02T03:13:14.381Zhttps://blog.jongallant.com/Jon GallantHexoSolution to 'TypeError: Failed to fetch' with ReactJS and Azure Functionshttps://blog.jongallant.com/2023/02/typeerror-failed-to-fetch/2023-02-01T18:28:17.000Z2023-02-02T03:13:14.381Z
<p><img src="img-04.png" alt="error message"></p>
<p>I got this error while trying to call an Azure Function from ReactJS app.</p>
<pre class="line-numbers language-bash"><code class="language-bash">"TypeError: Failed to fetch
\n at fetchData (http://localhost:3000/static/js/bundle.js:33:32)\n
Solution: GitHub Actions Failing with Unexpected value 'branches' https://blog.jongallant.com/2022/04/github-actions-failing-with-unexpected-value-branches/2022-04-29T10:44:39.000Z2022-04-29T17:55:15.132Z
<p>Starting seeing this today:</p>
<p><img src="001.png" alt=""></p>
<p><code>The workflow is not valid. .github/workflows/azure-dev.yml (Line: 3, Col: 5): Unexpected value 'branches'</code></p>
<p>Apparently <code>workflow_dispatch</code> never supported <code>branches</code>, but GH silently
We're Hiring Developers for Microsoft Azure Developer Experience Team!https://blog.jongallant.com/2022/03/hiring-azure-developer-experience-developers/2022-03-17T08:02:37.000Z2022-03-17T16:44:22.525Z
<p><img src="thumb.png" alt="Azure Developer Experience Hiring Developers"></p>
<p>Let me cut right to the chase and let the below job description speak for itself.</p>
<p>The Azure Developer Experience Team in the Developer Division at Microsoft, my team, is hiring devs of all levels, all langs,
Moon Palace, All-inclusive Resort in Cancun, Mexico - Tips and Trickshttps://blog.jongallant.com/2022/03/moon-palace-cancun-mexico-all-inclusive-resort/2022-03-04T20:15:21.000Z2022-03-06T22:54:20.259Z
<p><img src="img-01.png" alt=""></p>
<p>Our family has vacationed at <a href="https://www.moonpalacecancun.com/">Moon Palace, an all-inclusive resort, in Cancun, Mexico</a> a few times. It’s an amazing place with great food, drinks, activities, and people. I highly recommend you consider it for
How to delete a GitHub Codespace when you've reached the max of 20https://blog.jongallant.com/2021/09/github-codespaces-delete-codespace-when-you-hit-the-limit/2021-09-13T08:50:25.000Z2021-09-13T16:41:26.000Z
<p>You are on a repo that you love and you see that you have maxed out your allowed 20 Codespaces!!!</p>
<p>You’ll see this:</p>
<p><img src="113.png" alt="Out of Codespaces"></p>
<p>But there’s no link to delete a Codespace.</p>
<p>This may be obvious, but it took me a minute to figure this
Azure Identity 301 - ChainedTokenCredentialhttps://blog.jongallant.com/2021/09/azure-identity-301/2021-09-03T08:17:54.000Z2021-09-23T19:49:16.000Z
<p><img src="tn.png" alt=""Azure Identity 301""></p>
<p>Azure Identity is an <a href="https://azure.com/sdk">Azure SDK</a> library that abstracts all the authentication complexities so you can get back to building your Azure solutions.</p>
<p>In <a href="/azure-identity-101">Azure
Solution to SignalR error 'Unexpected token in JSON' when parsing event datahttps://blog.jongallant.com/2021/09/signalr-unexpected-token-in-json/2021-09-01T13:50:20.000Z2021-09-01T21:46:43.000Z
<p>I’ve been writing some UI automation tests with <a href="https://playwright.dev/">Playwright</a> and was trying to parse a SignalR event. Like so:</p>
<pre class="line-numbers language-typescript"><code class="language-typescript">const imageEvent = JSON.parse(event.payload.toString()) as
Azure Identity 202 - Environment Variableshttps://blog.jongallant.com/2021/08/azure-identity-202/2021-08-31T07:30:44.000Z2021-09-23T19:48:33.000Z
<p><img src="tn.png" alt=""Azure Identity 202""></p>
<p>Azure Identity is a library that abstracts away all of the Azure authentication complexities so you can focus on building your solutions.</p>
<p>In <a href="/azure-identity-101">Azure Identity 101</a>, I introduced
How to run Playwright codegen in a devcontainer - Solution to 'Unable to open X display'https://blog.jongallant.com/2021/08/playwright-codegen-devcontainer/2021-08-27T10:10:47.000Z2023-02-02T03:18:06.575Z
<p><img src="112.png" alt="'Playwright in devcontainer'"></p>
<p>I started playing with <a href="https://playwright.dev/">Playwright</a> (the browser test automation tool) yesterday and discovered that the <code>codegen</code> feature doesn’t work in a devcontainer out of the box. You’ll get the
Azure Identity 201 - DefaultAzureCredential Optionshttps://blog.jongallant.com/2021/08/azure-identity-201/2021-08-24T06:38:18.000Z2021-09-23T22:18:09.000Z
<p><img src="tn.png" alt=""Azure Identity 201""></p>
<p>Azure Identity is a fundamental building block of the new Azure SDKs. We wanted to make it brain-dead simple for you to authenticate your apps with Azure. Auth can be very hard to get right. There’s so much context you have to learn
Solution to Visual Studio 'Re-enter Credentials' and multiple authentication promptshttps://blog.jongallant.com/2021/08/visual-studio-re-enter-credentials/2021-08-23T10:03:54.000Z2021-08-23T19:47:30.000Z
<p>I’m using Visual Studio 2021 Preview 2.1 and I was constantly getting prompted to re-enter my credentials multiple times. I would have to 2FA 3-4 times everytime I wanted to do something with Azure.</p>
<p>I phoned a friend and he said I’m seeing that because I have multiple tenants that use
Azure SDK for Python - Introducing the new CloudEvent.from_json method to convert messages from Service Bus, Event Hubs, and Storage Queues to CloudEventhttps://blog.jongallant.com/2021/08/azure-sdk-python-event-grid-from-json/2021-08-18T10:10:32.000Z2021-08-18T17:52:58.000Z
<p>We recently added native <a href="https://devblogs.microsoft.com/azure-sdk/event-grid-ga/#new-features">CloudEvent support to our Event Grid libraries</a>. I created an app for my <a href="https://www.youtube.com/watch?v=ns2B_BT7zLo">Intro to the new Azure SDK Python video</a> and discovered
Create a Golang CLI in Minutes with Cobrahttps://blog.jongallant.com/2021/08/golang-cli-cobra/2021-08-13T09:07:35.000Z2021-08-13T16:52:19.000Z
<p><img src="tn.png" alt=""Golang CLI Cobra""></p>
<p>I’m new to Golang and yesterday I attempted to create a Golang CLI.</p>
<p>Here’s what I learned while getting it up and running on WSL.</p>
<p>This took me a while. Hopefully with this post it only takes you a few mins.</p>
<h2
Azure Identity 101 - DefaultAzureCredentialhttps://blog.jongallant.com/2021/08/azure-identity-101/2021-08-11T14:34:33.000Z2021-09-23T19:50:20.000Z
<p><img src="tn.png" alt=""Azure Identity 101""></p>
<p>Azure Identity is a library that simplifies how applications authenticate with Azure services.</p>
<p>The following code news up a <code>KeyVault</code> <code>SecretClient</code> and passes it a <code>DefaultAzureCredential</code>
Power BI - Solution to 'This dataset includes a dynamic data source ... this dataset won't be refreshed.'https://blog.jongallant.com/2021/08/powerbi-dynamic-data-source-refresh/2021-08-07T16:25:58.000Z2021-08-08T06:40:00.000Z
<p>I’m pulling data from GitHub Codeowners into a Power BI report. All was dandy locally, but refresh failed on the PBI service with this:</p>
<p><img src="108.png" alt=""The error message""></p>
<p><strong>This dataset includes a dynamic data source. Since dynamic data sources aren’t
How to Update GitHub Topic Icon and Descriptionhttps://blog.jongallant.com/2021/07/update-github-topic-icon-description/2021-07-29T08:25:42.000Z2021-08-10T19:58:40.000Z
<p>GitHub has Topics. For example, when you search for “Azure” on GitHub it displays the Azure topic:</p>
<p><img src="105.png" alt=""></p>
<p>And when you click on “See topic” you can view the details of that topic:</p>
<p><img src="106.png" alt=""></p>
<p>Azure recently rebranded with a new
Microsoft Teams - Invite All Team Members to Meetinghttps://blog.jongallant.com/2021/07/microsoft-teams-invite-all-team-members-to-meeting/2021-07-18T17:27:26.000Z2021-07-19T00:57:10.000Z
<p>You’ve created your Microsoft Teams Team and you want to send an invite to all of the Team members. You create an invite and see the following, but you aren’t sure what to enter here.</p>
<p><img src="105.png" alt=""></p>
<p>You then see the ability to select a channel, but you can’t change
GitHub - Open in Visual Studio Code Insidershttps://blog.jongallant.com/2021/07/github-open-in-vscode-insiders/2021-07-08T15:01:07.000Z2021-07-08T22:21:25.000Z
<p><img src="109.png" alt=""></p>
<p>VS Code just released an update that lets you embed an “Open in Visual Studio Code” button in your GitHub readme. It uses the Remote Repositories VS Code extension to directly open the repo without having to clone it.</p>
<p>More info here: <a
Microsoft Teams - How to Get a Link to a Private Channelhttps://blog.jongallant.com/2021/07/microsoft-teams-get-link-to-private-channel/2021-07-07T11:12:51.000Z2021-07-07T18:38:38.000Z
<p>I just created a Microsoft Teams private channel and noticed that it doesn’t have “Get link to channel” option like other channels.</p>
<p>Here, you can see it doesn’t have that option:<br>
<img src="107.png" alt=""></p>
<p>Here’s how I found the link:</p>
<ol>
<li>Click on the Channel name in
A Barebones Azure Event Grid to Azure Relay Listenerhttps://blog.jongallant.com/2021/07/azure-event-grid-relay-listener/2021-07-06T10:56:23.000Z2021-07-20T22:35:50.000Z
<p>Let’s say that you are developing with Azure Event Grid and you simply want to see the messages that it is generating to observe the schema or debug it. To do so you need to configure an Event Grid handler, which can be a Function, WebHook, Relay, Logic App, Service Bus, etc (the full list is