'%20clip-path='url(%23clipPath1075)'%3e%3cg%20transform='matrix(2.6042,0,0,2.6042,789.58,466.67)'%3e%3cpath%20d='m12%202c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010-10-4.477-10-10h2c0%204.418%203.582%208%208%208s8-3.582%208-8-3.582-8-8-8c-2.464%200-4.668%201.114-6.135%202.865l2.135%202.135h-6v-6l2.447%202.446c1.833-2.11%204.537-3.446%207.553-3.446zm1%205v4.585l3.243%203.243-1.415%201.415-3.828-3.83v-5.413z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e){kind=small}
'%20fill='%2331343d'%20shape-rendering='auto'%3e%3cpath%20d='m21.804%2013.913%206.4333%209.6458-6.4333%209.6441h5.8824l3.493-5.2352%203.4913%205.2352h5.8824l-12.867-19.29z'%20color='%23000000'%20color-rendering='auto'%20dominant-baseline='auto'%20image-rendering='auto'%20solid-color='%23000000'%20style='font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:%23000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal'/%3e%3cpath%20d='m14.882%2013.913%206.4333%209.6458-6.4333%209.6441h5.8824c2.0855-3.2911%204.0452-6.2959%206.2221-9.9618l-6.2221-9.3281z'%20color='%23000000'%20color-rendering='auto'%20dominant-baseline='auto'%20fill-opacity='.57315'%20image-rendering='auto'%20solid-color='%23000000'%20style='font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:%23000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal'/%3e%3cpath%20d='m7.9604%2013.913%206.4333%209.6458-6.4333%209.6441h5.8824c2.0855-3.2911%204.0452-6.2959%206.2221-9.9618l-6.2221-9.3281z'%20color='%23000000'%20color-rendering='auto'%20dominant-baseline='auto'%20fill-opacity='.27655'%20image-rendering='auto'%20solid-color='%23000000'%20style='font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:%23000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal'/%3e%3c/g%3e%3c/svg%3e)
%20--%3e%3csvg%20id='_x31_'%20width='120.06'%20height='120.06'%20version='1.1'%20viewBox='0%200%20120.06%20120.06'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(-3.9699%20-3.9648)'%3e%3cpath%20d='m47.63%2012.67c19.85%200%2034.8%2014.95%2034.8%2034.8s-16.15%2036.01-36%2036.01-34.8-14.95-34.8-34.8%2016.15-36.01%2036-36.01'%20fill='%2381d4fa'%20opacity='.6'/%3e%3cpath%20d='m47.63%2012.67c19.85%200%2034.8%2014.95%2034.8%2034.8s-16.15%2036.01-36%2036.01-34.8-14.95-34.8-34.8%2016.15-36.01%2036-36.01m-29.61%204.1c-19.68%2019.68-10.02%2048.43-2.33%2056.28%2014.23%2014.52%2040.83%2022.79%2060.73%202.88%2018.43-18.43%2011.81-41.8-1.17-56.09-8.62-9.48-37.56-22.74-57.23-3.07z'%20fill='%23616161'/%3e%3cpath%20d='m99.78%2090.86-8.33%208.38-19.62-19.8s-1.66-3.19%201.62-6.47%206.71-1.91%206.71-1.91z'%20fill='%23bdbdbd'/%3e%3cpath%20d='m88.5%2076.96c-1.13-0.9-5.05-3-9.36%201.28-4.3%204.28-2.55%207.66-1.7%208.91%200%200%2030.53%2033.87%2031.92%2035.27%202.05%202.05%206.26%200.3%2010.16-3.6s5.78-7.67%203.58-9.87c-1.79-1.79-33.47-31.09-34.6-31.99z'%20fill='%23616161'/%3e%3cpath%20d='m43.92%208.64c19.85%200%2036%2016.15%2036%2036s-16.15%2036-36%2036-36-16.15-36-36%2016.15-36%2036-36m0-3.96c-22.06%200-39.95%2017.89-39.95%2039.95s17.89%2039.95%2039.95%2039.95%2039.95-17.88%2039.95-39.95-17.89-39.95-39.95-39.95z'%20fill='%23bdbdbd'/%3e%3cellipse%20transform='matrix(.7071%20-.7071%20.7071%20.7071%20-47.973%20116.8)'%20cx='117.01'%20cy='116.31'%20rx='9.25'%20ry='3.56'%20fill='%23424242'/%3e%3clinearGradient%20id='SVGID_1_'%20x1='20.385'%20x2='36.781'%20y1='18.024'%20y2='44.616'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%20offset='.2853'/%3e%3cstop%20stop-color='%23fff'%20stop-opacity='0'%20offset='1'/%3e%3c/linearGradient%3e%3cpath%20d='m26.52%2023.6c-6.52%206.83-9.08%2014.39-9.14%2022.79-0.02%203.09%200.41%206.36%202.32%208.78s5.7%203.57%208.2%201.76c1.66-1.2%202.35-3.29%203.16-5.16%201.24-2.87%202.97-5.54%205.1-7.84%202.66-2.88%205.92-5.18%208.46-8.16s4.35-7.01%203.33-10.8c-1.01-3.71-4.67-6.33-8.48-6.76s-9.19%201.45-12.95%205.39z'%20fill='url(%23SVGID_1_)'/%3e%3cg%20fill='%23fff'%20opacity='.59'%3e%3cpath%20d='m64.05%2075.78c0-0.46%200.22-0.88%200.59-1.15%201.95-1.39%207.2-4.64%2011.73-13.28%202.63-5.04%203.63-9.24%203.91-10.74%200.79-4.24%203.01-2.82%202.7-0.08-0.36%203.12-3.07%2016.85-16.68%2026.38-0.95%200.67-2.25%200.03-2.25-1.13z'/%3e%3cpath%20d='m26.39%2011.39c-0.13%201.3-2.34%202.53-2.73%202.78-2.02%201.3-7.02%203.85-11.59%2012.47-2.13%204.01-3.66%208.14-4.18%2010.19-0.85%203.35-3.14%202.68-2.7-0.05%200.5-3.1%203.85-16.69%2017.88-25.58%200.99-0.62%203.49-1.53%203.32%200.19z'/%3e%3c/g%3e%3clinearGradient%20id='SVGID_2_'%20x1='58.951'%20x2='63.085'%20y1='95.509'%20y2='52.792'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%20offset='.2853'/%3e%3cstop%20stop-color='%23fff'%20stop-opacity='0'%20offset='1'/%3e%3c/linearGradient%3e%3cpath%20d='m55.92%2073.93c-4.45%200.81-5.77-1.05-5.21-2.9%200.44-1.47%202.08-2.1%203.55-2.54%207.84-2.35%2014.46-8.84%2019.27-15.28%200.11%205.59-1.36%208.83-4.05%2012.15-2.63%203.23-6.72%207.32-13.56%208.57z'%20fill='url(%23SVGID_2_)'/%3e%3c/g%3e%3c/svg%3e){kind=small}
Search
Docs'%3e%3cpath%20d='m123.87%20118.8-6.18-16.49-4.25-11.35c-0.96-2.93-1.14-4.14-2.77-5.77l-11.82-11.82-25.46%2025.46%2011.83%2011.83c0.97%200.97%202.83%201.8%205.76%202.76l11.35%204.25%2016.49%206.18c3.11%201.01%206.06-1.94%205.05-5.05z'%20fill='%23ffecb3'/%3e%3cg%20fill='none'%3e%3cpath%20d='m85.65%20106.83-0.03-0.03z'/%3e%3cpath%20d='m106.8%2085.6%200.21%200.21c-0.07-0.07-0.12-0.16-0.19-0.23z'/%3e%3c/g%3e%3cpath%20d='m118.82%20123.85-13.66-5.12s5.64-0.32%209.45-4.13%204.14-9.46%204.14-9.46l5.12%2013.66c1.01%203.11-1.94%206.06-5.05%205.05z'%20fill='%23616161'/%3e%3cpath%20d='m43.18%2017.71-5.41%2019.29-20.04%206.16-11.32-11.31c-3.12-3.12-4.6-9.34%203.67-17.61l4.99-4.99c7.15-7.15%2013.68-5.98%2016.8-2.86z'%20fill='%23ef5350'/%3e%3cpath%20d='m34.27%2044.64%2010.37-10.37%2060.23%2060.23s1.23%205.12-1.9%208.25-8.47%202.12-8.47%202.12z'%20fill='%23ffc107'/%3e%3cpath%20d='m26.73%2052.18%2058.58%2058.58c9.46%202.06%209.05-6.03%209.05-6.03l-60.09-60.09z'%20fill='%23ffa000'/%3e%3cpath%20d='m44.65%2034.26%2060.09%2060.09s10.82%200%205.87-9.21l-58.42-58.42z'%20fill='%23fdd835'/%3e%3cpolygon%20points='33.66%2045.43%2035.07%2044.02%2096.07%20105.02%2094.5%20104.86%2094.27%20106.04'%20fill='%23d1762c'/%3e%3cpolygon%20points='40.15%2031.19%2041.57%2029.78%20106.04%2094.25%20104.87%2094.49%20105.11%2096.15'%20fill='%23f19534'/%3e%3cpath%20d='m52.19%2026.72s-5.47%208.09-10%2012.67c-8.67%208.74-15.46%2012.79-15.46%2012.79l1.75%201.75c2.49-0.97%208.86-3.88%2015.22-10.23%206.4-6.4%209.42-12.65%2010.43-15.04z'%20fill='%234e342e'%20opacity='.2'/%3e%3cpath%20d='m23.49%2051.9c0.56%200.56%201.35%200.81%202.13%200.68%200%200%208.19-2.5%2016.33-10.64s10.83-16.07%2010.83-16.07c0.13-0.78-0.12-1.58-0.68-2.14l-8.58-8.58c-0.36-0.36-0.86-0.55-1.36-0.49-0.17%200.02-0.34%200.04-0.52%200.07-0.68%200.1-1.22%200.6-1.41%201.26%200%200-3.92%207.6-10.38%2014.05s-14.34%2010.21-14.34%2010.21c-0.66%200.18-1.17%200.71-1.27%201.39v0.02c-0.08%200.54%200.1%201.08%200.48%201.46z'%20fill='%2394d1e0'/%3e%3cellipse%20transform='matrix(.7071%20-.7071%20.7071%20.7071%20-6.2293%2015.05)'%20cx='15.05'%20cy='15.04'%20rx='15.03'%20ry='4.45'%20fill='%23ff8383'/%3e%3cpath%20d='m41.61%2021.74c-3.29%206.3-8.7%2011.47-15.14%2014.46-0.42%200.19-1.01%200.33-1.26-0.05-0.19-0.3-0.02-0.68%200.17-0.98%200.84-1.3%202-2.35%203.12-3.42%202.92-2.8%205.6-5.84%208.01-9.08%201.23-1.65%202.38-3.35%203.46-5.1%200.6-0.96%201.67-2.99%203.04-1.56%201.19%201.23-0.77%204.52-1.4%205.73z'%20fill='%23b9e4ea'/%3e%3cpath%20d='m37.88%2033.47c-0.26%200.27-0.53%200.54-0.66%200.89s-0.08%200.8%200.22%201.02c0.25%200.19%200.59%200.17%200.9%200.12%201.73-0.27%203.26-1.25%204.61-2.35%202.95-2.39%205.45-5.71%205.69-9.5%200.03-0.45%200.02-0.92-0.18-1.32-1.27-2.51-3.96%203.1-4.49%203.89-1.77%202.63-3.88%204.99-6.09%207.25z'%20fill='%23b9e4ea'/%3e%3c/g%3e%3c/svg%3e){kind=small}
Edit this pageReact Router
Example of using Telefunc with React Router:
Example with Remix (React Router was formerly known as Remix):
Edit this page
Overview
Get Started
Guides%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20128%20128'%20style='enable-background:new%200%200%20128%20128;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%2382AEC0;'%20d='M124,71.85v-15.7c0-0.59-0.45-1.09-1.03-1.15l-17.83-1.89c-0.47-0.05-0.85-0.38-0.98-0.83%20c-0.86-2.95-2.03-5.76-3.48-8.39c-0.23-0.41-0.19-0.92,0.11-1.28l11.28-13.94c0.37-0.46,0.34-1.13-0.08-1.54l-11.1-11.1%20c-0.42-0.42-1.08-0.45-1.54-0.08L85.39,27.22c-0.37,0.3-0.87,0.33-1.28,0.11c-2.64-1.45-5.45-2.62-8.39-3.48%20c-0.45-0.13-0.78-0.51-0.83-0.98L73,5.03C72.94,4.45,72.44,4,71.85,4h-15.7C55.56,4,55.06,4.45,55,5.03l-1.89,17.83%20c-0.05,0.47-0.38,0.85-0.83,0.98c-2.95,0.86-5.76,2.03-8.39,3.48c-0.41,0.23-0.92,0.19-1.28-0.11L28.67,15.94%20c-0.46-0.37-1.13-0.34-1.54,0.08l-11.1,11.1c-0.42,0.42-0.45,1.08-0.08,1.54l11.28,13.94c0.3,0.37,0.33,0.87,0.11,1.28%20c-1.45,2.64-2.62,5.45-3.48,8.39c-0.13,0.45-0.51,0.78-0.98,0.83L5.03,55C4.45,55.06,4,55.56,4,56.15v15.7%20c0,0.59,0.45,1.09,1.03,1.15l17.83,1.89c0.47,0.05,0.85,0.38,0.98,0.83c0.86,2.95,2.03,5.76,3.48,8.39%20c0.23,0.41,0.19,0.92-0.11,1.28L15.94,99.33c-0.37,0.46-0.34,1.13,0.08,1.54l11.1,11.1c0.42,0.42,1.08,0.45,1.54,0.08l13.94-11.28%20c0.37-0.3,0.87-0.33,1.28-0.11c2.64,1.45,5.45,2.62,8.39,3.48c0.45,0.13,0.78,0.51,0.83,0.98L55,122.97%20c0.06,0.59,0.56,1.03,1.15,1.03h15.7c0.59,0,1.09-0.45,1.15-1.03l1.89-17.83c0.05-0.47,0.38-0.85,0.83-0.98%20c2.95-0.86,5.76-2.03,8.39-3.48c0.41-0.23,0.92-0.19,1.28,0.11l13.94,11.28c0.46,0.37,1.13,0.34,1.54-0.08l11.1-11.1%20c0.42-0.42,0.45-1.08,0.08-1.54l-11.28-13.94c-0.3-0.37-0.33-0.87-0.11-1.28c1.45-2.64,2.62-5.45,3.48-8.39%20c0.13-0.45,0.51-0.78,0.98-0.83L122.97,73C123.55,72.94,124,72.44,124,71.85z%20M64,75.28c-6.23,0-11.28-5.05-11.28-11.28%20S57.77,52.72,64,52.72S75.28,57.77,75.28,64S70.23,75.28,64,75.28z'/%3e%3cpath%20style='fill:%232F7889;'%20d='M80.56,49.48c3.67,4.18,5.78,9.77,5.43,15.85c-0.65,11.16-9.83,20.19-21,20.68%20c-4.75,0.21-9.18-1.09-12.86-3.45c-0.28-0.18-0.58,0.2-0.34,0.44c4.46,4.55,10.85,7.22,17.85,6.67%20c10.78-0.85,19.56-9.5,20.55-20.27c0.77-8.36-3.06-15.87-9.23-20.33C80.67,48.87,80.34,49.22,80.56,49.48z'/%3e%3cg%3e%3cpath%20style='fill:%23B9E4EA;'%20d='M43.87,65.32C43.2,52.17,51.7,42.53,63.88,42.53c0.65,0,1.68,0,2.48,0.92c1.01,1.18,1.1,2.6,0,3.77%20c-0.81,0.86-1.95,0.92-2.53,1C51.53,49.81,48.65,57.57,48,64.99c-0.03,0.33,0.06,2.35-1.71,2.56%20C44.14,67.8,43.88,65.64,43.87,65.32z'/%3e%3c/g%3e%3cg%3e%3cpath%20style='fill:%2394D1E0;'%20d='M25.24,65.87c-0.01-22.03,15.9-40.19,38.13-41.05c0.68-0.03,2.45,0,3.55,0.99%20c1.01,0.91,1.38,2.51,0.79,3.82c-0.95,2.11-2.85,2.07-3.36,2.09c-18.51,0.66-34.18,15.73-34.19,33.95c0,0.29-0.05,0.58-0.15,0.84%20l-0.1,0.25c-0.76,1.98-3.52,2.09-4.43,0.18l0,0C25.33,66.6,25.24,66.24,25.24,65.87z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
APIOverviewGet StartedGuidesAPI Edit this pageExample of using Telefunc with React Router:
Example with Remix (React Router was formerly known as Remix):