From 8ee3fb7a8b7ed6cec4196522e2496e4995d6881e Mon Sep 17 00:00:00 2001
From: Elijah <elijahahianyo@gmail.com>
Date: Wed, 2 Oct 2024 10:57:27 +0000
Subject: [PATCH] python 3.9+

---
 reflex/components/datadisplay/shiki_code_block.py | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/reflex/components/datadisplay/shiki_code_block.py b/reflex/components/datadisplay/shiki_code_block.py
index ea4c03f1f..8d681d111 100644
--- a/reflex/components/datadisplay/shiki_code_block.py
+++ b/reflex/components/datadisplay/shiki_code_block.py
@@ -1,7 +1,9 @@
 """Shiki syntax hghlighter component."""
 
+from __future__ import annotations
+
 from collections import defaultdict
-from typing import Any, Literal, Optional, Union
+from typing import Any, Literal
 
 from reflex.base import Base
 from reflex.components.component import Component, ComponentNamespace
@@ -528,8 +530,8 @@ class ShikiHighLevelCodeBlock(ShikiCodeBlock):
     def create(
         cls,
         *children,
-        can_copy: Optional[bool] = False,
-        copy_button: Optional[Union[bool, Component]] = None,
+        can_copy: bool | None = False,
+        copy_button: bool | Component | None = None,
         **props,
     ) -> Component:
         """Create a code block component using [shiki syntax highlighter](https://shiki.matsu.io/).