Newest 'reactjs' Questions

<!DOCTYPE html> <html class="html__responsive " lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://stackoverflow.com/questions/tagged/reactjs","20230306155551","https://web.archive.org/","web","/_static/", "1678118151"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <title>Newest 'reactjs' Questions - Stack Overflow</title> <link rel="shortcut icon" href="https://web.archive.org/web/20230306155551im_/https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196"> <link rel="apple-touch-icon" href="https://web.archive.org/web/20230306155551im_/https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a"> <link rel="image_src" href="https://web.archive.org/web/20230306155551im_/https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a"> <link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="/web/20230306155551/https://stackoverflow.com/opensearch.xml"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0"> <meta property="og:type" content="website"/> <meta property="og:url" content="https://web.archive.org/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs"/> <meta property="og:site_name" content="Stack Overflow"/> <meta property="og:image" itemprop="image primaryImageOfPage" content="https://web.archive.org/web/20230306155551im_/https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon@2.png?v=73d79a89bded"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:domain" content="stackoverflow.com"/> <meta name="twitter:title" property="og:title" itemprop="name" content="Newest 'reactjs' Questions"/> <meta name="twitter:description" property="og:description" itemprop="description" content="Stack Overflow | The World’s Largest Online Community for Developers"/> <script id="webpack-public-path" type="text/uri-list">https://cdn.sstatic.net/</script> <script src="/web/20230306155551js_/https://stackoverflow.com/Content/Js/third-party/jquery-1.12.4.min.js"></script> <script defer src="https://web.archive.org/web/20230306155551js_/https://cdn.sstatic.net/Js/third-party/npm/@stackoverflow/stacks/dist/js/stacks.min.js?v=1d4d417772d8"></script> <script src="https://web.archive.org/web/20230306155551js_/https://cdn.sstatic.net/Js/stub.en.js?v=e56950123f65"></script> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20230306155551cs_/https://cdn.sstatic.net/Shared/stacks.css?v=56e23d88c162"> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20230306155551cs_/https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=453a5648c50d"> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20230306155551cs_/https://cdn.sstatic.net/Sites/stackoverflow/secondary.css?v=6793be5668e3"> <link rel="alternate" type="application/atom+xml" title="Newest reactjs questions feed" href="/web/20230306155551/https://stackoverflow.com/feeds/tag?tagnames=reactjs&sort=newest"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20230306155551cs_/https://cdn.sstatic.net/Shared/Channels/channels.css?v=a5fae8812988"> <script type="application/json" data-role="module-args" data-module-name="Shared/options.mod">{"options":{"locale":"en","serverTime":1678118152,"routeName":"Questions/ListByTag","stackAuthUrl":"https://web.archive.org/web/20230306155551/https://stackauth.com","networkMetaHostname":"meta.stackexchange.com","site":{"name":"Stack Overflow","description":"Q\u0026A for professional and enthusiast programmers","isNoticesTabEnabled":true,"enableNewTagCreationWarning":true,"insertSpaceAfterNameTabCompletion":false,"id":1,"cookieDomain":".stackoverflow.com","childUrl":"https://web.archive.org/web/20230306155551/https://meta.stackoverflow.com","negativeVoteScoreFloor":null,"enableSocialMediaInSharePopup":true,"protocol":"https"},"user":{"fkey":"046c469d7424fabfb43b3cea8db600e74ca8f04ba4d38397f5b408c6dfc52f29","tid":"3a7b3d86-7982-8e0e-f566-6d472a249038","rep":0,"isAnonymous":true,"isAnonymousNetworkWide":true},"events":{"postType":{"question":1},"postEditionSection":{"title":1,"body":2,"tags":3}}}}</script> <script type="application/json" data-role="module-args" data-module-name="Shared/settings.mod">{"settings":{"userMessaging":{"showNewFeatureNotice":true},"tags":{},"subscriptions":{"defaultBasicMaxTrueUpSeats":250,"defaultFreemiumMaxTrueUpSeats":50,"defaultMaxTrueUpSeats":1000},"snippets":{"renderDomain":"stacksnippets.net","snippetsEnabled":true},"site":{"allowImageUploads":true,"enableImgurHttps":true,"enableUserHovercards":true,"forceHttpsImages":true,"stacksEditorPreviewEnabled":true,"styleCode":true},"questions":{"enableQuestionTitleLengthLiveWarning":true,"enableSavesFeature":true,"maxTitleSize":150,"questionTitleLengthStartLiveWarningChars":50},"intercom":{"appId":"inf0secd","hostBaseUrl":"https://web.archive.org/web/20230306155551/https://stacksnippets.net"},"paths":{"jQueryUICSSPath":"https://web.archive.org/web/20230306155551/https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css","jQueryUIJSPath":"https://web.archive.org/web/20230306155551/https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"},"monitoring":{"clientTimingsAbsoluteTimeout":30000,"clientTimingsDebounceTimeout":1000},"mentions":{"maxNumUsersInDropdown":50},"markdown":{"enableTables":true},"legal":{"oneTrustConfigId":"c3d9f1e3-55f3-4eba-b268-46cee4c6789c"},"flags":{"allowRetractingCommentFlags":true,"allowRetractingFlags":true},"elections":{"opaVoteResultsBaseUrl":"https://web.archive.org/web/20230306155551/https://www.opavote.com/results/"},"comments":{},"accounts":{"currentPasswordRequiredForChangingStackIdPassword":true}}}</script> <script>StackExchange.init();</script> <script> StackExchange.using.setCacheBreakers({"Js/adops.en.js":"6da43f5e0a84","Js/ask.en.js":"","Js/begin-edit-event.en.js":"20edbaccceae","Js/copy-transpiled.en.js":"e7855bee94f2","Js/events.en.js":"","Js/explore-qlist.en.js":"2b1f34938b8b","Js/full-anon.en.js":"6a00afec4f5e","Js/full.en.js":"c8909108cd52","Js/highlightjs-loader.en.js":"a284064706b3","Js/inline-tag-editing.en.js":"629d801833ec","Js/keyboard-shortcuts.en.js":"4cb9eae35625","Js/markdown-it-loader.en.js":"5818ef89ff9d","Js/mentions-transpiled.en.js":"78637d7eac99","Js/moderator.en.js":"d88c424a0972","Js/postCollections-transpiled.en.js":"fac92aa0ceeb","Js/post-validation.en.js":"6da722d510e3","Js/question-editor.en.js":"","Js/review-v2-transpiled.en.js":"ae1e01b7e8cb","Js/revisions.en.js":"a86490719687","Js/stacks-editor.en.js":"4eaa25f823da","Js/tageditor.en.js":"e5db6df2411b","Js/tageditornew.en.js":"c4fc98223de1","Js/tagsuggestions.en.js":"0d912930b14c","Js/unlimited-transpiled.en.js":"7ed67670b600","Js/wmd.en.js":"67025ccb344d","Js/snippet-javascript-codemirror.en.js":"73fce5cc7219"}); StackExchange.using("gps", function() { StackExchange.gps.init(false); }); </script> <noscript id="noscript-css"><style>body,.s-topbar{margin-top:1.9em}</style></noscript> </head> <body class="tagged-questions-page unified-theme"> <div id="notify-container"></div> <div id="custom-header"></div> <header class="s-topbar ps-fixed t0 l0 js-top-bar"> <div class="s-topbar--container"> <a href="#" class="s-topbar--menu-btn js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span></span></a> <div class="topbar-dialog leftnav-dialog js-leftnav-dialog dno"> <div class="left-sidebar js-unpinned-left-sidebar" data-can-be="left-sidebar" data-is-here-when="sm"></div> </div> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/" class="s-topbar--logo js-gps-track" data-gps-track="top_nav.click({is_current:false, location:5, destination:8})"> <span class="-img _glyph">Stack Overflow</span> </a> <ol class="s-navigation" role="presentation"> <li class="md:d-none"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/" class="s-navigation--item js-gps-track" data-gps-track="top_nav.products.click({location:5, destination:7})" data-ga="["top navigation","about menu click",null,null,null]">About</a> </li> <li> <a href="#" class="s-navigation--item js-gps-track js-products-menu" aria-controls="products-popover" data-controller="s-popover" data-action="s-popover#toggle" data-s-popover-placement="bottom" data-s-popover-toggle-class="is-selected" data-gps-track="top_nav.products.click({location:5, destination:1})" data-ga="["top navigation","products menu click",null,null,null]"> Products </a> </li> <li class="md:d-none"> <a href="/web/20230306155551/https://stackoverflow.com/teams" class="s-navigation--item js-gps-track" data-gps-track="top_nav.products.click({location:5, destination:7})" data-ga="["top navigation","learn more - teams",null,null,null]">For Teams</a> </li> </ol> <div class="s-popover ws2 mtn2 p0" id="products-popover" role="menu" aria-hidden="true"> <div class="s-popover--arrow"></div> <ol class="list-reset s-anchors s-anchors__inherit"> <li class="m6"> <a href="/web/20230306155551/https://stackoverflow.com/questions" class="bar-sm p6 d-block h:bg-black-100 js-gps-track" data-gps-track="top_nav.products.click({location:5, destination:2})" data-ga="["top navigation","public qa submenu click",null,null,null]"> <span class="fs-body1 d-block">Stack Overflow</span> <span class="fs-caption d-block fc-light">Public questions & answers</span> </a> </li> <li class="m6"> <a href="/web/20230306155551/https://stackoverflow.com/teams" class="bar-sm p6 d-block h:bg-black-100 js-gps-track" data-gps-track="top_nav.products.click({location:5, destination:3})" data-ga="["top navigation","teams submenu click",null,null,null]"> <span class="fs-body1 d-block">Stack Overflow for Teams</span> <span class="fs-caption d-block fc-light">Where developers & technologists share private knowledge with coworkers</span> </a> </li> <li class="m6"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/talent" class="bar-sm p6 d-block h:bg-black-100 js-gps-track" data-gps-track="top_nav.products.click({location:5, destination:5})" data-ga="["top navigation","talent submenu click",null,null,null]"> <span class="fs-body1 d-block">Talent</span> <span class="fs-caption d-block fc-light"> Build your employer brand </span> </a> </li> <li class="m6"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/advertising" class="bar-sm p6 d-block h:bg-black-100 js-gps-track" data-gps-track="top_nav.products.click({location:5, destination:6})" data-ga="["top navigation","advertising submenu click",null,null,null]"> <span class="fs-body1 d-block">Advertising</span> <span class="fs-caption d-block fc-light">Reach developers & technologists worldwide</span> </a> </li> <li class="bg-black-025 bt bc-black-075 py6 px6 bbr-md"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/" class="fc-light d-block py6 px6 h:fc-black-800 js-gps-track" data-gps-track="top_nav.products.click({location:5, destination:7})" data-ga="["top navigation","about submenu click",null,null,null]">About the company</a> </li> </ol> </div> <form id="search" role="search" action="/web/20230306155551/https://stackoverflow.com/search" class="s-topbar--searchbar js-searchbar " autocomplete="off"> <div class="s-topbar--searchbar--input-group"> <input name="q" type="text" role="combobox" placeholder="Search…" value="[reactjs]" autocomplete="off" maxlength="240" class="s-input s-input__search js-search-field " aria-label="Search" aria-controls="top-search" data-controller="s-popover" data-action="focus->s-popover#show" data-s-popover-placement="bottom-start"/> <svg aria-hidden="true" class="s-input-icon s-input-icon__search svg-icon iconSearch" width="18" height="18" viewbox="0 0 18 18"><path d="m18 16.5-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5ZM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0Z"/></svg> <div class="s-popover p0 wmx100 wmn4 sm:wmn-initial js-top-search-popover" id="top-search" role="menu"> <div class="s-popover--arrow"></div> <div class="js-spinner p24 d-flex ai-center jc-center d-none"> <div class="s-spinner s-spinner__sm fc-orange-400"> <div class="v-visible-sr">Loading…</div> </div> </div> <span class="v-visible-sr js-screen-reader-info"></span> <div class="js-ac-results overflow-y-auto hmx3 d-none"></div> <div class="js-search-hints" aria-describedby="Tips for searching"></div> </div> </div> </form> <nav class="h100 ml-auto overflow-x-auto pr12"> <ol class="s-topbar--content" role="menubar"> <li class="js-topbar-dialog-corral" role="presentation"> <div class="topbar-dialog siteSwitcher-dialog dno" role="menu"> <div class="header fw-wrap"> <h3 class="flex--item"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/">current community</a> </h3> <div class="flex--item fl1"> <div class="ai-center d-flex jc-end"> <button class="js-close-button s-btn s-btn__muted p0 ml8 d-none sm:d-block" type="button" aria-label="Close"> <svg aria-hidden="true" class="svg-icon iconClear" width="18" height="18" viewbox="0 0 18 18"><path d="M15 4.41 13.59 3 9 7.59 4.41 3 3 4.41 7.59 9 3 13.59 4.41 15 9 10.41 13.59 15 15 13.59 10.41 9 15 4.41Z"/></svg> </button> </div> </div> </div> <div class="modal-content bg-powder-050 current-site-container"> <ul class="current-site "> <li class="d-flex"> <div class="fl1"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/" class="current-site-link site-link js-gps-track d-flex gs8 gsx" data-id="1" data-gps-track="site_switcher.click({ item_type:3 })"> <div class="favicon favicon-stackoverflow site-icon flex--item" title="Stack Overflow"></div> <span class="flex--item fl1"> Stack Overflow </span> </a> </div> <div class="related-links"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/help" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:14 })">help</a> <a href="https://web.archive.org/web/20230306155551/https://chat.stackoverflow.com/?tab=site&host=stackoverflow.com" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:6 })">chat</a> </div> </li> <li class="related-site d-flex"> <div class="L-shaped-icon-container"> <span class="L-shaped-icon"></span> </div> <a href="https://web.archive.org/web/20230306155551/https://meta.stackoverflow.com/" class=" site-link js-gps-track d-flex gs8 gsx" data-id="552" data-gps-track="site.switch({ target_site:552, item_type:3 }),site_switcher.click({ item_type:4 })"> <div class="favicon favicon-stackoverflowmeta site-icon flex--item" title="Meta Stack Overflow"></div> <span class="flex--item fl1"> Meta Stack Overflow </span> </a> </li> </ul> </div> <div class="header" id="your-communities-header"> <h3> your communities </h3> </div> <div class="modal-content" id="your-communities-section"> <div class="call-to-login"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/users/signup?ssrc=site_switcher&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2ftagged%2freactjs" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:10 })">Sign up</a> or <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/users/login?ssrc=site_switcher&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2ftagged%2freactjs" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:11 })">log in</a> to customize your list. </div> </div> <div class="header"> <h3><a href="https://web.archive.org/web/20230306155551/https://stackexchange.com/sites">more stack exchange communities</a> </h3> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.blog/" class="float-right">company blog</a> </div> <div class="modal-content"> <div class="child-content"></div> </div> </div> </li> <li role="none"><button class="s-topbar--item s-btn s-btn__icon s-btn__muted d-none sm:d-inline-flex js-searchbar-trigger" role="menuitem" aria-label="Search" aria-haspopup="true" aria-controls="search" title="Click to show search"><svg aria-hidden="true" class="svg-icon iconSearch" width="18" height="18" viewbox="0 0 18 18"><path d="m18 16.5-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5ZM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0Z"/></svg></button></li> <li role="none"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/users/login?ssrc=head&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2ftagged%2freactjs" class="s-topbar--item s-topbar--item__unset s-btn s-btn__filled ws-nowrap js-gps-track" role="menuitem" rel="nofollow" data-gps-track="login.click" data-ga="["top navigation","login button click",null,null,null]">Log in</a> </li> <li role="none"><a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/users/signup?ssrc=head&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2ftagged%2freactjs" class="s-topbar--item s-topbar--item__unset ml4 s-btn s-btn__primary ws-nowrap" role="menuitem" rel="nofollow" data-ga="["sign up","Sign Up Navigation","Header",null,null]">Sign up</a></li> </ol> </nav> </div> </header> <script> StackExchange.ready(function () { StackExchange.topbar.init(); }); StackExchange.scrollPadding.setPaddingTop(50, 10); </script> <div class="container"> <div id="left-sidebar" data-is-here-when="md lg" class="left-sidebar js-pinned-left-sidebar ps-relative"> <div class="left-sidebar--sticky-container js-sticky-leftnav"> <nav role="navigation"> <ol class="nav-links"> <li class="ps-relative" aria-current="false"> <a href="/web/20230306155551/https://stackoverflow.com/" class="pl8 js-gps-track nav-links--link" data-gps-track="top_nav.click({is_current: false, location:5, destination:8})" aria-controls="" data-controller="" data-s-popover-placement="right" aria-current="false" data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never"> <div class="d-flex ai-center"> <div class="flex--item truncate"> Home </div> </div> </a> </li> <li> <ol class="nav-links"> <li class="fs-fine tt-uppercase ml8 mt16 mb4 fc-light">Public</li> <li class="ps-relative youarehere" aria-current="true"> <a id="nav-questions" href="/web/20230306155551/https://stackoverflow.com/questions" class="pl8 js-gps-track nav-links--link -link__with-icon" data-gps-track="top_nav.click({is_current: true, location:5, destination:1})" aria-controls="" data-controller="" data-s-popover-placement="right" aria-current="false" data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never"> <svg aria-hidden="true" class="svg-icon iconGlobe" width="18" height="18" viewbox="0 0 18 18"><path d="M9 1C4.64 1 1 4.64 1 9c0 4.36 3.64 8 8 8 4.36 0 8-3.64 8-8 0-4.36-3.64-8-8-8ZM8 15.32a6.46 6.46 0 0 1-4.3-2.74 6.46 6.46 0 0 1-.93-5.01L7 11.68v.8c0 .88.12 1.32 1 1.32v1.52Zm5.72-2c-.2-.66-1-1.32-1.72-1.32h-1v-2c0-.44-.56-1-1-1H6V7h1c.44 0 1-.56 1-1V5h2c.88 0 1.4-.72 1.4-1.6v-.33a6.45 6.45 0 0 1 3.83 4.51 6.45 6.45 0 0 1-1.51 5.73v.01Z"/></svg> <span class="-link--channel-name">Questions</span> </a> </li> <li class="ps-relative" aria-current="false"> <a id="nav-tags" href="/web/20230306155551/https://stackoverflow.com/tags" class=" js-gps-track nav-links--link" data-gps-track="top_nav.click({is_current: false, location:5, destination:2})" aria-controls="" data-controller="" data-s-popover-placement="right" aria-current="false" data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never"> <div class="d-flex ai-center"> <div class="flex--item truncate"> Tags </div> </div> </a> </li> <li class="ps-relative" aria-current="false"> <a id="nav-users" href="/web/20230306155551/https://stackoverflow.com/users" class=" js-gps-track nav-links--link" data-gps-track="top_nav.click({is_current: false, location:5, destination:3})" aria-controls="" data-controller="" data-s-popover-placement="right" aria-current="false" data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never"> <div class="d-flex ai-center"> <div class="flex--item truncate"> Users </div> </div> </a> </li> <li class="ps-relative" aria-current="false"> <a id="nav-companies" href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/jobs/companies?so_medium=stackoverflow&so_source=SiteNav" class=" js-gps-track nav-links--link" data-gps-track="top_nav.click({is_current: false, location:5, destination:12})" aria-controls="" data-controller="" data-s-popover-placement="right" aria-current="false" data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never"> <div class="d-flex ai-center"> <div class="flex--item truncate"> Companies </div> </div> </a> </li> <li class="ml8 mt16"> <div class="d-flex jc-space-between fl-grow1"> <div class="flex--item tt-uppercase tt-uppercase fs-fine fc-light">Collectives</div> <div class="flex--item fs-fine fc-light"> <a href="javascript:void(0)" class="s-link p12 fc-black-500 h:fc-black-800 js-gps-track js-collectives-navcta-toggle" role="button" aria-controls="popover-discover-collectives" data-controller="s-popover" data-action="s-popover#toggle" data-s-popover-placement="top" data-s-popover-toggle-class="is-selected" data-gps-track="top_nav.click({is_current:false, location:5, destination:17})"> <svg aria-hidden="true" class="svg-icon iconInfoSm" width="14" height="14" viewbox="0 0 14 14"><path d="M7 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Zm1 10V6H6v5h2Zm0-6V3H6v2h2Z"/></svg> </a> </div> </div> </li> <li class="ps-relative" aria-current="false"> <a id="nav-collective-discover" href="/web/20230306155551/https://stackoverflow.com/collectives" class="pl8 ai-center js-collectives-navcta-toggle js-gps-track nav-links--link -link__with-icon" data-gps-track="top_nav.click({is_current: false, location:5, destination:18})" aria-controls="" data-controller="" data-s-popover-placement="right" aria-current="false" data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never"> <svg aria-hidden="true" class="mt-auto fc-orange-400 svg-icon iconStarVerified" width="18" height="18" viewbox="0 0 18 18"><path d="M9.86.89a1.14 1.14 0 0 0-1.72 0l-.5.58c-.3.35-.79.48-1.23.33l-.72-.25a1.14 1.14 0 0 0-1.49.85l-.14.76c-.1.45-.45.8-.9.9l-.76.14c-.67.14-1.08.83-.85 1.49l.25.72c.15.44.02.92-.33 1.23l-.58.5a1.14 1.14 0 0 0 0 1.72l.58.5c.35.3.48.79.33 1.23l-.25.72c-.23.66.18 1.35.85 1.49l.76.14c.45.1.8.45.9.9l.14.76c.14.67.83 1.08 1.49.85l.72-.25c.44-.15.92-.02 1.23.33l.5.58c.46.52 1.26.52 1.72 0l.5-.58c.3-.35.79-.48 1.23-.33l.72.25c.66.23 1.35-.18 1.49-.85l.14-.76c.1-.45.45-.8.9-.9l.76-.14c.67-.14 1.08-.83.85-1.49l-.25-.72c-.15-.44-.02-.92.33-1.23l.58-.5c.52-.46.52-1.26 0-1.72l-.58-.5c-.35-.3-.48-.79-.33-1.23l.25-.72a1.14 1.14 0 0 0-.85-1.49l-.76-.14c-.45-.1-.8-.45-.9-.9l-.14-.76a1.14 1.14 0 0 0-1.49-.85l-.72.25c-.44.15-.92.02-1.23-.33l-.5-.58Zm-.49 2.67L10.6 6.6c.05.15.19.24.34.25l3.26.22c.36.03.5.48.23.71l-2.5 2.1a.4.4 0 0 0-.14.4l.8 3.16a.4.4 0 0 1-.6.44L9.2 12.13a.4.4 0 0 0-.42 0l-2.77 1.74a.4.4 0 0 1-.6-.44l.8-3.16a.4.4 0 0 0-.13-.4l-2.5-2.1a.4.4 0 0 1 .22-.7l3.26-.23a.4.4 0 0 0 .34-.25l1.22-3.03a.4.4 0 0 1 .74 0Z"/></svg> <span class="-link--channel-name">Explore Collectives</span> </a> </li> </ol> </li> <li> <ol class="nav-links"> <li class="js-freemium-cta ps-relative"> <div class="fs-fine tt-uppercase ml8 mt16 mb8 fc-light">Teams</div> <div class="bt bl bb bc-black-075 p12 pb6 fc-black-600 blr-sm overflow-hidden"> <strong class="fc-black-750 mb6">Stack Overflow for Teams</strong> – Start collaborating and sharing organizational knowledge. <img class="wmx100 mx-auto my8 h-auto d-block" width="139" height="114" src="https://web.archive.org/web/20230306155551im_/https://cdn.sstatic.net/Img/teams/teams-illo-free-sidebar-promo.svg?v=47faa659a05e" alt=""> <a href="https://web.archive.org/web/20230306155551/https://try.stackoverflow.co/why-teams/?utm_source=so-owned&utm_medium=side-bar&utm_campaign=campaign-38&utm_content=cta" class="w100 s-btn s-btn__primary s-btn__xs bg-orange-400 js-gps-track" data-gps-track="teams.create.left-sidenav.click({ Action: 6 })" data-ga="["teams left navigation - anonymous","left nav free cta","stackoverflow.com/teams/create/free",null,null]">Create a free Team</a> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/teams" class="w100 s-btn s-btn__muted s-btn__xs js-gps-track" data-gps-track="teams.create.left-sidenav.click({ Action: 5 })" data-ga="["teams left navigation - anonymous","left nav free cta","stackoverflow.com/teams",null,null]">Why Teams?</a> </div> </li> <li class="d-flex ai-center jc-space-between ml8 mt24 mb4 js-create-team-cta d-none"> <div class="flex--item tt-uppercase fs-fine fc-light">Teams</div> <div class="flex--item"> <a href="javascript:void(0)" class="s-link p12 fc-black-500 h:fc-black-800 js-gps-track" role="button" aria-controls="popover-teams-create-cta" data-controller="s-popover" data-action="s-popover#toggle" data-s-popover-placement="bottom-start" data-s-popover-toggle-class="is-selected" data-gps-track="teams.create.left-sidenav.click({ Action: ShowInfo })" data-ga="["teams left navigation - anonymous","left nav show teams info",null,null,null]"> <svg aria-hidden="true" class="svg-icon iconInfoSm" width="14" height="14" viewbox="0 0 14 14"><path d="M7 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Zm1 10V6H6v5h2Zm0-6V3H6v2h2Z"/></svg> </a> </div> </li> <li class="ps-relative js-create-team-cta d-none"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflowteams.com/teams/create/free?utm_source=so-owned&utm_medium=side-bar&utm_campaign=campaign-38&utm_content=cta" class="pl8 js-gps-track nav-links--link" title="Stack Overflow for Teams is a private, secure spot for your organization's questions and answers." data-gps-track="teams.create.left-sidenav.click({ Action: FreemiumTeamsCreateClick })" data-ga="["teams left navigation - anonymous","left nav team click","stackoverflow.com/teams/create/free",null,null]"> <div class="d-flex ai-center"> <div class="flex--item s-avatar va-middle bg-orange-400"> <div class="s-avatar--letter mtn1"> <svg aria-hidden="true" class="svg-icon iconBriefcaseSm" width="14" height="14" viewbox="0 0 14 14"><path d="M4 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1h.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5h-7A1.5 1.5 0 0 1 2 10.5v-5C2 4.67 2.67 4 3.5 4H4V3Zm5 1V3H5v1h4Z"/></svg> </div> <svg aria-hidden="true" class="native s-avatar--badge svg-icon iconShieldXSm" width="9" height="10" viewbox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10 2.7 10 0 7.53 0 5.01V1.84Z"/><path fill="var(--black-500)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.34 5.34 9 4.5 9 3.65 9 1 7.34 1 5.01V2.5Zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14.12.08.18.23.15.38Z"/></svg> </div> <div class="flex--item pl6"> Create free Team </div> </div> </a> </li> </ol> </li> </ol> </nav> </div> <div class="s-popover ws2" id="popover-discover-collectives" role="menu"> <div class="s-popover--arrow"></div> <div> <svg aria-hidden="true" class="fc-orange-500 float-right ml24 svg-spot spotCollective" width="48" height="48" viewbox="0 0 48 48"><path d="M25.5 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM14 18.25c0-.69.56-1.25 1.25-1.25h22.5c.69 0 1.25.56 1.25 1.25V37.5a1 1 0 0 1-1.6.8l-4.07-3.05a1.25 1.25 0 0 0-.75-.25H15.25c-.69 0-1.25-.56-1.25-1.25v-15.5ZM7 24.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM25.5 48a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM48 24.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" opacity=".2"/><path d="M21 3.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0ZM24.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM0 23.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0ZM3.5 22a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM21 44.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0Zm3.5-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm20-23a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM43 23.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm-23.23-3.14a1 1 0 0 1-.13 1.4l-2.08 1.74 2.08 1.73a1 1 0 1 1-1.28 1.54l-2.42-2.02a1.63 1.63 0 0 1 0-2.5l2.42-2.02a1 1 0 0 1 1.4.13Zm7.59 1.41a1 1 0 1 1 1.28-1.54l2.42 2.02c.78.65.78 1.85 0 2.5l-2.42 2.02a1 1 0 1 1-1.28-1.54l2.08-1.73-2.08-1.73ZM24.12 18a1 1 0 0 1 .87 1.12l-1 8a1 1 0 1 1-1.98-.24l1-8a1 1 0 0 1 1.11-.87Zm-11.87-5C11.01 13 10 14 10 15.25v15.5c0 1.24 1 2.25 2.25 2.25h17.33c.06 0 .11.02.15.05l4.07 3.05a2 2 0 0 0 3.2-1.6V15.25c0-1.24-1-2.25-2.25-2.25h-22.5ZM12 15.25c0-.14.11-.25.25-.25h22.5c.14 0 .25.11.25.25V34.5l-4.07-3.05a2.2 2.2 0 0 0-1.35-.45H12.25a.25.25 0 0 1-.25-.25v-15.5Zm7.24-10.68a1 1 0 1 0-.48-1.94A22.04 22.04 0 0 0 2.91 17.7a1 1 0 1 0 1.92.58 20.04 20.04 0 0 1 14.4-13.72Zm11.05-1.66a1 1 0 0 0-.58 1.92c6.45 1.92 11.54 7 13.46 13.46a1 1 0 1 0 1.92-.58 22.05 22.05 0 0 0-14.8-14.8ZM4.57 28.76a1 1 0 0 0-1.94.48 22.03 22.03 0 0 0 16.13 16.13 1 1 0 1 0 .48-1.94A20.03 20.03 0 0 1 4.57 28.76Zm40.8.48a1 1 0 1 0-1.94-.48 20.04 20.04 0 0 1-13.72 14.41 1 1 0 0 0 .58 1.92 22.04 22.04 0 0 0 15.08-15.85Z"/></svg> <h5 class="pt4 fw-bold">Collectives™ on Stack Overflow</h5> <p class="my16 fs-caption fc-medium">Find centralized, trusted content and collaborate around the technologies you use most.</p> <a href="/web/20230306155551/https://stackoverflow.com/collectives" class="js-gps-track s-btn s-btn__primary s-btn__xs" data-gps-track="top_nav.click({is_current:false, location:5, destination:18})"> Learn more about Collectives </a> </div> </div> <div class="s-popover ws2" id="popover-teams-create-cta" role="menu" aria-hidden="true"> <div class="s-popover--arrow"></div> <div class="ps-relative overflow-hidden"> <p class="mb2"><strong>Teams</strong></p> <p class="mb12 fs-caption fc-black-400">Q&A for work</p> <p class="mb12 fs-caption fc-medium">Connect and share knowledge within a single location that is structured and easy to search.</p> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/teams" class="js-gps-track s-btn s-btn__primary s-btn__xs" data-gps-track="teams.create.left-sidenav.click({ Action: CtaClick })" data-ga="["teams left navigation - anonymous","left nav cta","stackoverflow.com/teams",null,null]"> Learn more about Teams </a> </div> <div class="ps-absolute t8 r8"> <svg aria-hidden="true" class="fc-orange-500 svg-spot spotPeople" width="48" height="48" viewbox="0 0 48 48"><path d="M13.5 28a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM7 30a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v5h11v-5a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v10a2 2 0 0 1-2 2H33v5a1 1 0 0 1-1 1H20a1 1 0 0 1-1-1v-5H8a1 1 0 0 1-1-1V30Zm25-6.5a4.5 4.5 0 1 0 9 0 4.5 4.5 0 0 0-9 0ZM24.5 34a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z" opacity=".2"/><path d="M16.4 26.08A6 6 0 1 0 7.53 26C5.64 26.06 4 27.52 4 29.45V40a1 1 0 0 0 1 1h9a1 1 0 1 0 0-2h-4v-7a1 1 0 1 0-2 0v7H6v-9.55c0-.73.67-1.45 1.64-1.45H16a1 1 0 0 0 .4-1.92ZM12 18a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm16.47 14a6 6 0 1 0-8.94 0A3.6 3.6 0 0 0 16 35.5V46a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V35.5c0-1.94-1.64-3.42-3.53-3.5ZM20 28a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm-.3 6h8.6c1 0 1.7.75 1.7 1.5V45h-2v-7a1 1 0 1 0-2 0v7h-4v-7a1 1 0 1 0-2 0v7h-2v-9.5c0-.75.7-1.5 1.7-1.5ZM42 22c0 1.54-.58 2.94-1.53 4A3.5 3.5 0 0 1 44 29.45V40a1 1 0 0 1-1 1h-9a1 1 0 1 1 0-2h4v-7a1 1 0 1 1 2 0v7h2v-9.55A1.5 1.5 0 0 0 40.48 28H32a1 1 0 0 1-.4-1.92A6 6 0 1 1 42 22Zm-2 0a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z"/><g opacity=".35"><path d="M17 10a1 1 0 011-1h12a1 1 0 110 2H18a1 1 0 01-1-1Zm1-5a1 1 0 100 2h12a1 1 0 100-2H18ZM14 1a1 1 0 00-1 1v12a1 1 0 001 1h5.09l4.2 4.2a1 1 0 001.46-.04l3.7-4.16H34a1 1 0 001-1V2a1 1 0 00-1-1H14Zm1 12V3h18v10h-5a1 1 0 00-.75.34l-3.3 3.7-3.74-3.75a1 1 0 00-.71-.29H15Z"/></g></svg> </div> </div> </div> <div id="content" class="snippet-hidden"> <div id="mainbar"> <div class="d-flex"> <div class="d-flex fl1 mb24"> <h1 class="flex--item fs-headline1 mb0"> Questions tagged [reactjs] </h1> </div> <div class="ml12 aside-cta flex--item print:d-none"> <a href="/web/20230306155551/https://stackoverflow.com/questions/ask" class="ws-nowrap s-btn s-btn__primary"> Ask Question </a> </div> </div> <style> </style> <div class="js-zone-container zone-container-main"> <div id="dfp-tag" class="everyonelovesstackoverflow everyoneloves__tag-sponsorship theme-light__forced bg-white"></div> <div class="js-report-ad-button-container " style="width: 728px"></div> </div> <div class="mb24"> <p> React is a JavaScript library for building user interfaces. It uses a declarative, component-based paradigm and aims to be efficient and flexible. </p> <div class=" d-flex gs12 jc-space-between ai-center fw-wrap"> <div class="flex--item"> <ul class="d-flex gs12 list-ls-none fw-wrap"> <li class="flex--item"> <a title="Tag wiki" href="/web/20230306155551/https://stackoverflow.com/tags/reactjs/info">Learn more…</a> </li> <li class="flex--item"> <a title="Top answerers and askers in this tag" href="/web/20230306155551/https://stackoverflow.com/tags/reactjs/topusers">Top users</a> </li> <li class="flex--item"> <a title="Common, alternate spellings or phrasings for this tag" href="/web/20230306155551/https://stackoverflow.com/tags/reactjs/synonyms">Synonyms (4)</a> </li> </ul> </div> </div> </div> <script type="application/json" data-role="module-args" data-module-name="entry-points/questions/userQuestionList.mod">{"regularTagsString":"","moderatorTagsString":""}</script> <script defer src="https://web.archive.org/web/20230306155551js_/https://cdn.sstatic.net/Js/questions/userQuestionList.en.js?v=9e054838afaa"></script> <div data-controller="se-uql" data-se-uql-id="" data-se-uql-sanitize-tag-query="false"> <div class="d-flex ai-center jc-space-between mb12 sm:fd-column sm:ai-stretch"> <div class="fs-body3 flex--item fl1 mr12 sm:mr0 sm:mb12"> 446,734 questions </div> <div class="uql-nav flex--item" data-action="se-uql-list:edit-current-requested@document->se-uql#toggleEditor"> <div class="d-flex ai-center jc-space-between"> <div class="js-uql-navigation s-btn-group flex--item mr16 ff-row-nowrap"> <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex is-selected" data-nav-value="Newest" href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=Newest" data-shortcut="N" aria-current="page"> <div class="flex--item">Newest</div> </a> <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex" data-nav-value="Active" href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=Active" data-shortcut="A"> <div class="flex--item">Active</div> </a> <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex uql-nav--expanded-item" data-nav-value="Bounties" href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=Bounties" data-shortcut="E"> <div class="flex--item">Bountied</div> <div class="s-badge s-badge__bounty s-badge__bounty s-badge__sm lh-xs ml4 px4 flex--item">14</div> </a> <a class="s-btn s-btn__muted s-btn__outlined s-btn__sm d-flex uql-nav--expanded-item" data-nav-value="Unanswered" href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=Unanswered" data-shortcut="U"> <div class="flex--item">Unanswered</div> </a> <button class="s-btn s-btn__muted s-btn__outlined s-btn__sm s-btn__dropdown" role="button" data-controller="s-popover" data-action="s-popover#toggle" data-se-uql-target="toggleMoreButton" aria-haspopup="true" aria-expanded="false" aria-controls="uql-more-popover"> More </button> </div> <div class="s-popover z-dropdown ws2 px0 py4" id="uql-more-popover" data-se-uql-target="morePopover"> <div class="s-popover--arrow"></div> <ul class="s-menu js-uql-navigation" role="menu"> <li class=" uql-nav--collapsed-item" role="menuitem"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=Bounties" class="s-block-link s-block-link__left" data-shortcut=""> Bountied <span class="s-badge s-badge__bounty s-badge__bounty s-badge__sm lh-xs px4">14</span> </a> </li> <li class=" uql-nav--collapsed-item" role="menuitem"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=Unanswered" class="s-block-link s-block-link__left" data-shortcut=""> Unanswered </a> </li> <li role="menuitem"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=Frequent" class="s-block-link s-block-link__left" data-shortcut="F"> Frequent </a> </li> <li role="menuitem"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=Votes" class="s-block-link s-block-link__left" data-shortcut="V"> Score </a> </li> <li class="s-menu--divider" role="separator"></li> <li role="menuitem"> <span class="s-block-link c-default fc-black-350">Unanswered (my tags)</span> </li> </ul> </div> <div class="flex--item"> <button class="s-btn s-btn__filled s-btn__sm s-btn__icon ws-nowrap" role="button" data-controller="s-expandable-control" data-s-expandable-control-toggle-class="is-selected" data-se-uql-target="toggleFormButton" aria-expanded="false" aria-controls="uql-form"> <svg aria-hidden="true" class="svg-icon iconFilter" width="18" height="18" viewbox="0 0 18 18"><path d="M2 4h14v2H2V4Zm2 4h10v2H4V8Zm8 4H6v2h6v-2Z"/></svg> Filter </button> </div> </div> </div> </div> <form class="s-expandable ps-relative z-active" id="uql-form" data-se-uql-target="form" data-action="se-uql#navigate"> <input name="uqlId" type="hidden"/> <div class="s-expandable--content"> <div class="bg-black-050 ba bc-black-100 bar-sm mb16"> <div class="px12 py16"> <div class="d-flex gs32 fw-wrap"> <div class="flex--item"> <fieldset class="d-flex gs8 gsy fd-column"> <legend class="flex--item s-label px0">Filter by</legend> <div class="flex--item"> <div class="d-flex gs4 gsx ai-center"> <div class="flex--item"> <input class="s-checkbox d-block" type="checkbox" name="filterId" value="NoAnswers" id="ac6d4288-6967-46f0-9a59-7bc1e25f0737"/> </div> <label class="flex--item s-label fw-normal ws-nowrap" for="ac6d4288-6967-46f0-9a59-7bc1e25f0737" id="947dda03-6689-40bf-951c-3e68bfae6b44">No answers</label> </div> </div> <div class="flex--item"> <div class="d-flex gs4 gsx ai-center"> <div class="flex--item"> <input class="s-checkbox d-block" type="checkbox" name="filterId" value="NoAcceptedAnswer" id="3cd97e5e-592e-4f8e-9882-30666b0509f6"/> </div> <label class="flex--item s-label fw-normal ws-nowrap" for="3cd97e5e-592e-4f8e-9882-30666b0509f6" id="44f49a1a-274f-4a95-b4b5-546dd79edf3c">No accepted answer</label> </div> </div> <div class="flex--item"> <div class="d-flex gs4 gsx ai-center"> <div class="flex--item"> <input class="s-checkbox d-block" type="checkbox" name="filterId" value="Bounty" id="4ef5ae14-b37f-4991-be1e-00693e0ca9b5"/> </div> <label class="flex--item s-label fw-normal ws-nowrap" for="4ef5ae14-b37f-4991-be1e-00693e0ca9b5" id="89e88bf3-c61f-4a02-a3f1-86133ae29243">Has bounty</label> </div> </div> </fieldset> </div> <div class="flex--item"> <fieldset class="d-flex gs8 gsy fd-column"> <legend class="flex--item s-label px0">Sorted by</legend> <div class="flex--item"> <div class="d-flex gs4 gsx ai-center"> <div class="flex--item"> <input class="s-radio d-block" type="radio" name="sortId" value="Newest" checked="checked" id="7b58046f-e636-46d1-999b-c1b5597039be"/> </div> <label class="flex--item s-label fw-normal ws-nowrap" for="7b58046f-e636-46d1-999b-c1b5597039be" id="ad6fa2ca-077e-4e74-a3e9-5fa4f3f53c1b">Newest</label> </div> </div> <div class="flex--item"> <div class="d-flex gs4 gsx ai-center"> <div class="flex--item"> <input class="s-radio d-block" type="radio" name="sortId" value="RecentActivity" id="4ec11f64-b631-40a8-9dbd-f7d3448001dc"/> </div> <label class="flex--item s-label fw-normal ws-nowrap" for="4ec11f64-b631-40a8-9dbd-f7d3448001dc" id="ea1693e2-a32a-4264-ad7d-03a07396dd7b">Recent activity</label> </div> </div> <div class="flex--item"> <div class="d-flex gs4 gsx ai-center"> <div class="flex--item"> <input class="s-radio d-block" type="radio" name="sortId" value="MostVotes" id="ca92bd6d-a1ee-411e-bec5-535ee7d1868d"/> </div> <label class="flex--item s-label fw-normal ws-nowrap" for="ca92bd6d-a1ee-411e-bec5-535ee7d1868d" id="1fb72ad8-c540-4ff8-9813-257faa2c22b4">Highest score</label> </div> </div> <div class="flex--item"> <div class="d-flex gs4 gsx ai-center"> <div class="flex--item"> <input class="s-radio d-block" type="radio" name="sortId" value="MostFrequent" id="43d7afde-f4c4-401e-8127-89bb5d1cfc9d"/> </div> <label class="flex--item s-label fw-normal ws-nowrap" for="43d7afde-f4c4-401e-8127-89bb5d1cfc9d" id="a4c59706-9746-48ce-8081-9510d4791c71">Most frequent</label> </div> </div> <div class="flex--item"> <div class="d-flex gs4 gsx ai-center"> <div class="flex--item"> <input class="s-radio d-block" type="radio" name="sortId" value="BountyEndingSoon" id="0222c016-14f6-4666-a157-bbbfeec3483e"/> </div> <label class="flex--item s-label fw-normal ws-nowrap" for="0222c016-14f6-4666-a157-bbbfeec3483e" id="07c72aa2-22c8-40c2-86f9-884b7e7ca4c9">Bounty ending soon</label> </div> </div> </fieldset> </div> <div class="flex--item"> <fieldset class="d-flex gs8 gsy fd-column"> <legend class="flex--item s-label px0">Tagged with</legend> <div class="flex--item"> <div class="d-flex gs4 gsx ai-center"> <div class="flex--item"> <input class="s-radio d-block" type="radio" name="tagModeId" value="Watched" id="5a6a9a44-52ca-4166-903a-aafde5ed20c5"/> </div> <label class="flex--item s-label fw-normal ws-nowrap" for="5a6a9a44-52ca-4166-903a-aafde5ed20c5" id="09238bbb-b8f5-477f-a288-4cebac0139f8">My watched tags</label> </div> </div> <div class="flex--item"> <div class="d-flex gs4 gsx ai-center"> <div class="flex--item"> <input class="s-radio d-block" type="radio" name="tagModeId" value="Specified" checked="checked" id="6bd9f26f-f702-40a5-8837-4277666f7f66"/> </div> <label class="flex--item s-label fw-normal ws-nowrap" for="6bd9f26f-f702-40a5-8837-4277666f7f66" id="9b732fc4-5bf7-4712-9a6e-1eab4bdbe82d">The following tags:</label> </div> </div> </fieldset> <div class="ps-relative ml24 mt8 ws2"> <input id="uql-modal-tag-input" class="w100 s-input" name="tagQuery" data-se-uql-target="tagQuery" type="text" size="60" tabindex="0" aria-labelledby="9b732fc4-5bf7-4712-9a6e-1eab4bdbe82d" placeholder="e.g. javascript or python" value="reactjs"> </div> </div> </div> </div> <div class="p12 bt bc-black-100"> <div class="d-flex"> <div class="d-flex gs4 gsx fl1"> <button class="s-btn s-btn__sm s-btn__primary flex--item" type="submit" data-se-uql-target="applyButton">Apply filter</button> </div> <div class="flex--item"> <button class="s-btn s-btn__sm" data-action="se-uql#cancelEditor" type="button">Cancel</button> </div> </div> </div> </div> </div> </form> </div> <div id="questions" class=" flush-left"> <div id="question-summary-75652923" class="s-post-summary js-post-summary" data-post-id="75652923" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="4 views"> <span class="s-post-summary--stats-item-number">4</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652923/react-googlemaps-zoom-options-styling-seems-bugged" class="s-link">React GoogleMaps zoom options styling seems bugged</a> </h3> <div class="s-post-summary--content-excerpt"> I was just implementing a google map to my react/vite-js project and after a while this happened. I didn't give the component any styling except a wrapper container around him. Has anybody else got ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-typescript t-google-maps t-google-maps-api-3"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/typescript" class="post-tag flex--item mt0 js-tagname-typescript" title="show questions tagged 'typescript'" aria-label="show questions tagged 'typescript'" rel="tag" aria-labelledby="tag-typescript-tooltip-container">typescript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/google-maps" class="post-tag flex--item mt0 js-tagname-google-maps" title="show questions tagged 'google-maps'" aria-label="show questions tagged 'google-maps'" rel="tag" aria-labelledby="tag-google-maps-tooltip-container">google-maps</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/google-maps-api-3" class="post-tag flex--item mt0 js-tagname-google-maps-api-3" title="show questions tagged 'google-maps-api-3'" aria-label="show questions tagged 'google-maps-api-3'" rel="tag" aria-labelledby="tag-google-maps-api-3-tooltip-container">google-maps-api-3</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/18223999/marco" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="18223999"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a/AATXAJzyGRX1ELT_HESfDjhomk95SZsAfWpLuWnwJ8n8=k-s32" alt="Marco's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/18223999/marco" class="flex--item">Marco</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:46:06Z" class="relativetime">9 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652873" class="s-post-summary js-post-summary" data-post-id="75652873" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="8 views"> <span class="s-post-summary--stats-item-number">8</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652873/react-router-dom-v6-oidc-signinredirectcallback-is-continuously-called-non" class="s-link">react-router-dom v6 - oidc | signInRedirectCallback is continuously called - non stop running signInRedirectCallback</a> </h3> <div class="s-post-summary--content-excerpt"> oidc initializes and signInRedirectCallback is successful, also sessionStorage is set properly., how ever this signInRedirectCallback is being called continuously ( please see screen shot ). The html ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-react-router-dom t-oidc-client"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-router-dom" class="post-tag flex--item mt0 js-tagname-react-router-dom" title="show questions tagged 'react-router-dom'" aria-label="show questions tagged 'react-router-dom'" rel="tag" aria-labelledby="tag-react-router-dom-tooltip-container">react-router-dom</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/oidc-client" class="post-tag flex--item mt0 js-tagname-oidc-client" title="show questions tagged 'oidc-client'" aria-label="show questions tagged 'oidc-client'" rel="tag" aria-labelledby="tag-oidc-client-tooltip-container">oidc-client</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/2636642/prakash-raj" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="2636642"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://graph.facebook.com/1478103927/picture?type=large" alt="Prakash Raj's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/2636642/prakash-raj" class="flex--item">Prakash Raj</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">127</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:42:01Z" class="relativetime">13 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652860" class="s-post-summary js-post-summary" data-post-id="75652860" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="4 views"> <span class="s-post-summary--stats-item-number">4</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652860/resize-antdesign-table-header" class="s-link">Resize antdesign table header</a> </h3> <div class="s-post-summary--content-excerpt"> import { Table } from 'antd'; import React, { useState } from 'react'; import { Resizable } from 'react-resizable'; ////////////////////////////////////////////////... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/20237991/the-developer" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="20237991"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a/ALm5wu138DmOUy_i7qj4axvJF3o3DMz0XAzWHRcxEdKb=k-s32" alt="The Developer's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/20237991/the-developer" class="flex--item">The Developer</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">3</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:40:24Z" class="relativetime">15 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652857" class="s-post-summary js-post-summary" data-post-id="75652857" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="3 views"> <span class="s-post-summary--stats-item-number">3</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652857/how-can-we-write-test-case-for-the-aggrid-ongridsizechanged-in-react-using-react" class="s-link">How can we write test case for the agGrid onGridSizeChanged in React using React testing library and jest</a> </h3> <div class="s-post-summary--content-excerpt"> I am currently using the onGridSizeChanged event from the ag-grid react. It meets the functionality requirement in our application but unable to cover the method in unit test cases. I am currently ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-unit-testing t-jestjs t-react-testing-library t-ag-grid-react"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/unit-testing" class="post-tag flex--item mt0 js-tagname-unit-testing" title="show questions tagged 'unit-testing'" aria-label="show questions tagged 'unit-testing'" rel="tag" aria-labelledby="tag-unit-testing-tooltip-container">unit-testing</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/jestjs" class="post-tag flex--item mt0 js-tagname-jestjs" title="show questions tagged 'jestjs'" aria-label="show questions tagged 'jestjs'" rel="tag" aria-labelledby="tag-jestjs-tooltip-container">jestjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-testing-library" class="post-tag flex--item mt0 js-tagname-react-testing-library" title="show questions tagged 'react-testing-library'" aria-label="show questions tagged 'react-testing-library'" rel="tag" aria-labelledby="tag-react-testing-library-tooltip-container">react-testing-library</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/ag-grid-react" class="post-tag flex--item mt0 js-tagname-ag-grid-react" title="show questions tagged 'ag-grid-react'" aria-label="show questions tagged 'ag-grid-react'" rel="tag" aria-labelledby="tag-ag-grid-react-tooltip-container">ag-grid-react</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/6869424/supriya-kajana" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="6869424"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/44754b5cccc1d36c8fd673773fdb0d79?s=32&d=identicon&r=PG&f=1" alt="supriya kajana's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/6869424/supriya-kajana" class="flex--item">supriya kajana</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:40:18Z" class="relativetime">15 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652821" class="s-post-summary js-post-summary" data-post-id="75652821" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="7 views"> <span class="s-post-summary--stats-item-number">7</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652821/page-scroll-up-when-set-data-to-redux-state" class="s-link">Page scroll up when set data to redux state</a> </h3> <div class="s-post-summary--content-excerpt"> When I set payload to redux/tookit state , My browser scroll to up !! I was check out a redux state action so It does. Why and how can I fix it? I want to prevent additional scroll . (scroll to up) </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-redux t-react-redux t-redux-toolkit"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/redux" class="post-tag flex--item mt0 js-tagname-redux" title="show questions tagged 'redux'" aria-label="show questions tagged 'redux'" rel="tag" aria-labelledby="tag-redux-tooltip-container">redux</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-redux" class="post-tag flex--item mt0 js-tagname-react-redux" title="show questions tagged 'react-redux'" aria-label="show questions tagged 'react-redux'" rel="tag" aria-labelledby="tag-react-redux-tooltip-container">react-redux</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/redux-toolkit" class="post-tag flex--item mt0 js-tagname-redux-toolkit" title="show questions tagged 'redux-toolkit'" aria-label="show questions tagged 'redux-toolkit'" rel="tag" aria-labelledby="tag-redux-toolkit-tooltip-container">redux-toolkit</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21339969/amin-soraya" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21339969"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a-/AAuE7mDfmy5Mtqa9jmVhLDmxTDJdy0tsyErQ3DD4nUZFbw=k-s32" alt="Amin Soraya's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21339969/amin-soraya" class="flex--item">Amin Soraya</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:37:18Z" class="relativetime">18 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652800" class="s-post-summary js-post-summary" data-post-id="75652800" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="4 views"> <span class="s-post-summary--stats-item-number">4</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652800/hydration-error-in-next-js-when-accessing-zustand-persisted-token-variable-to" class="s-link">Hydration Error in Next JS when accessing Zustand Persisted "token" variable to load a spinner</a> </h3> <div class="s-post-summary--content-excerpt"> Following is _app.tsx in which I am wrapping the components/pages in a PageWrapper component which contains the logic the display loading spinner . export default function App(props: MyAppProps) { ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-typescript t-nextûjs t-zustand"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/typescript" class="post-tag flex--item mt0 js-tagname-typescript" title="show questions tagged 'typescript'" aria-label="show questions tagged 'typescript'" rel="tag" aria-labelledby="tag-typescript-tooltip-container">typescript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/next.js" class="post-tag flex--item mt0 js-tagname-nextûjs" title="show questions tagged 'next.js'" aria-label="show questions tagged 'next.js'" rel="tag" aria-labelledby="tag-next.js-tooltip-container">next.js</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/zustand" class="post-tag flex--item mt0 js-tagname-zustand" title="show questions tagged 'zustand'" aria-label="show questions tagged 'zustand'" rel="tag" aria-labelledby="tag-zustand-tooltip-container">zustand</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21343142/pratik-jain" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21343142"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/6a4dbe52143e35b4cc19d12ab42eda9d?s=32&d=identicon&r=PG" alt="Pratik Jain's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21343142/pratik-jain" class="flex--item">Pratik Jain</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:35:50Z" class="relativetime">20 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652750" class="s-post-summary js-post-summary" data-post-id="75652750" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="5 views"> <span class="s-post-summary--stats-item-number">5</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652750/using-react-hook-from-with-react-swipeable-views" class="s-link">Using react-hook-from with react-swipeable-views</a> </h3> <div class="s-post-summary--content-excerpt"> i'm trying to use react-hook-form with react-swipeable-views , but the state of the form resisted every time i switch between swipeable views, if anyone could help me i will be very thankful. lien of ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-react-hook-form t-react-swipeable-views"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-hook-form" class="post-tag flex--item mt0 js-tagname-react-hook-form" title="show questions tagged 'react-hook-form'" aria-label="show questions tagged 'react-hook-form'" rel="tag" aria-labelledby="tag-react-hook-form-tooltip-container">react-hook-form</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-swipeable-views" class="post-tag flex--item mt0 js-tagname-react-swipeable-views" title="show questions tagged 'react-swipeable-views'" aria-label="show questions tagged 'react-swipeable-views'" rel="tag" aria-labelledby="tag-react-swipeable-views-tooltip-container">react-swipeable-views</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/11247530/khaliloos-benk" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="11247530"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh6.googleusercontent.com/-ceVnUSMDgig/AAAAAAAAAAI/AAAAAAAAAAA/ACHi3rfOmx_d0pFf8ngZeHd_9Ve_fujiPA/mo/photo.jpg?sz=32" alt="khaliloos benk's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/11247530/khaliloos-benk" class="flex--item">khaliloos benk</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">67</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:31:23Z" class="relativetime">24 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652733" class="s-post-summary js-post-summary" data-post-id="75652733" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 1"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">vote</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="8 views"> <span class="s-post-summary--stats-item-number">8</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652733/building-axios-service-methods-properly-in-react-applications" class="s-link">Building Axios service methods properly in React applications?</a> </h3> <div class="s-post-summary--content-excerpt"> In React app, I have seen various types of service implementations and here is one example that I used previously: const getAll = () => { const request = axios.get("/accounts") ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-react-hooks t-axios"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-hooks" class="post-tag flex--item mt0 js-tagname-react-hooks" title="show questions tagged 'react-hooks'" aria-label="show questions tagged 'react-hooks'" rel="tag" aria-labelledby="tag-react-hooks-tooltip-container">react-hooks</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/axios" class="post-tag flex--item mt0 js-tagname-axios" title="show questions tagged 'axios'" aria-label="show questions tagged 'axios'" rel="tag" aria-labelledby="tag-axios-tooltip-container">axios</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21343265/gonzales" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21343265"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://i.stack.imgur.com/hRE14.png?s=32&g=1" alt="gonzales's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21343265/gonzales" class="flex--item">gonzales</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">11</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:29:53Z" class="relativetime">25 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652697" class="s-post-summary js-post-summary" data-post-id="75652697" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="1 answer"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">answer</span> </div> <div class="s-post-summary--stats-item " title="20 views"> <span class="s-post-summary--stats-item-number">20</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652697/how-to-call-function-that-return-react-jsx-programmatically" class="s-link">how to call function that return react jsx programmatically</a> </h3> <div class="s-post-summary--content-excerpt"> i want to show some toast message in application, and i try to write some function for this job, but i don't know how can i return some jsx from function to my component programmatically export const ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/18800964/hossein-ranjbar" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="18800964"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a-/AOh14Gj9DNa0gkZi6N9ipCzvg7cHvYObKXhN5jCfi4lHIw=k-s32" alt="hossein ranjbar's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/18800964/hossein-ranjbar" class="flex--item">hossein ranjbar</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">13</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:26:39Z" class="relativetime">29 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652689" class="s-post-summary js-post-summary" data-post-id="75652689" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="5 views"> <span class="s-post-summary--stats-item-number">5</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652689/typeerror-cannot-read-property-expo-module-name-of-undefined-js-engine" class="s-link">TypeError: Cannot read property '__expo_module_name__' of undefined, js engine: hermes</a> </h3> <div class="s-post-summary--content-excerpt"> I updated my expo and react native app to the latest version and I am facing this issue, I searched on google but didn't find any solution enter image description here Kindly suggest me any idea </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-typescript t-react-native"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/typescript" class="post-tag flex--item mt0 js-tagname-typescript" title="show questions tagged 'typescript'" aria-label="show questions tagged 'typescript'" rel="tag" aria-labelledby="tag-typescript-tooltip-container">typescript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-native" class="post-tag flex--item mt0 js-tagname-react-native" title="show questions tagged 'react-native'" aria-label="show questions tagged 'react-native'" rel="tag" aria-labelledby="tag-react-native-tooltip-container">react-native</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/19424752/rameez-rahil" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="19424752"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a/AATXAJy2FjuRh58wGscN6cc1-n_6FT4WwRpRuI0OPELn=k-s32" alt="rameez rahil's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/19424752/rameez-rahil" class="flex--item">rameez rahil</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:25:55Z" class="relativetime">29 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652565" class="s-post-summary js-post-summary" data-post-id="75652565" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="7 views"> <span class="s-post-summary--stats-item-number">7</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652565/how-to-create-a-temp-message-which-sender-send-and-when-backend-work-is-done-the" class="s-link">How to create a temp message which sender send and when backend work is done then temp message get removed?</a> </h3> <div class="s-post-summary--content-excerpt"> How to create a temp message which sender send and when backend work is done then temp message get removed? temp message contains the message you send when its just a temp message and when after few ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-react-native"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-native" class="post-tag flex--item mt0 js-tagname-react-native" title="show questions tagged 'react-native'" aria-label="show questions tagged 'react-native'" rel="tag" aria-labelledby="tag-react-native-tooltip-container">react-native</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21336599/problems" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21336599"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/70fb0a0cedeab1661fa093895276f80f?s=32&d=identicon&r=PG" alt="Problems's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21336599/problems" class="flex--item">Problems</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:14:33Z" class="relativetime">41 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652493" class="s-post-summary js-post-summary" data-post-id="75652493" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="5 views"> <span class="s-post-summary--stats-item-number">5</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652493/video-rendering-in-next-js" class="s-link">Video Rendering in Next.js</a> </h3> <div class="s-post-summary--content-excerpt"> I'm building a shopping E-Commerce site using Next.js 13 beta (app directory), TailwindCSS and Headless WooCommerce. I literally have only one video on my homepage which is in a react server component.... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-nextûjs t-video-streaming"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/next.js" class="post-tag flex--item mt0 js-tagname-nextûjs" title="show questions tagged 'next.js'" aria-label="show questions tagged 'next.js'" rel="tag" aria-labelledby="tag-next.js-tooltip-container">next.js</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/video-streaming" class="post-tag flex--item mt0 js-tagname-video-streaming" title="show questions tagged 'video-streaming'" aria-label="show questions tagged 'video-streaming'" rel="tag" aria-labelledby="tag-video-streaming-tooltip-container">video-streaming</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/8452687/jigsaw" class="s-avatar s-avatar__16 s-user-card--avatar js-user-hover-target" data-user-id="8452687"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/3171988bca3f16c2bad2b0abed1a8e8d?s=32&d=identicon&r=PG&f=1" alt="JIGSAW's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/8452687/jigsaw" class="flex--item">JIGSAW</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">3</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:08:42Z" class="relativetime">47 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652431" class="s-post-summary js-post-summary" data-post-id="75652431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="5 views"> <span class="s-post-summary--stats-item-number">5</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652431/how-should-the-createbrowserrouter-and-routerprovider-be-use-with-application-co" class="s-link">How should the createBrowserRouter and RouterProvider be use with application context</a> </h3> <div class="s-post-summary--content-excerpt"> Any big application will have general context that might need the router to redirect user. Since the RouterProvider can only be use at the root level. How do you use it with application context. For ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-react-router-dom"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-router-dom" class="post-tag flex--item mt0 js-tagname-react-router-dom" title="show questions tagged 'react-router-dom'" aria-label="show questions tagged 'react-router-dom'" rel="tag" aria-labelledby="tag-react-router-dom-tooltip-container">react-router-dom</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21343103/benoit-meunier" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21343103"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a/AGNmyxZ934UNEv_6oEF9Qhv-eztsEw_k7orCRzdFhW0g=k-s32" alt="Benoit Meunier's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21343103/benoit-meunier" class="flex--item">Benoit Meunier</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:03:55Z" class="relativetime">51 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652427" class="s-post-summary js-post-summary" data-post-id="75652427" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="13 views"> <span class="s-post-summary--stats-item-number">13</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652427/cors-error-when-trying-to-link-react-js-file-to-html-file-access-to-xmlhttprequ" class="s-link">CORS error when trying to link react.js file to html file: Access to XMLHttpRequest from origin 'null' has been blocked by CORS policy</a> </h3> <div class="s-post-summary--content-excerpt"> I am learning how to code in react.js and I have run into a problem. When I run the react code inside the script tags within my HTML page it runs fine, but as soon as I try to link the script tags to ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-html t-reactjs t-cors"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/html" class="post-tag flex--item mt0 js-tagname-html" title="show questions tagged 'html'" aria-label="show questions tagged 'html'" rel="tag" aria-labelledby="tag-html-tooltip-container">html</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/cors" class="post-tag flex--item mt0 js-tagname-cors" title="show questions tagged 'cors'" aria-label="show questions tagged 'cors'" rel="tag" aria-labelledby="tag-cors-tooltip-container">cors</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21315126/samuel-crawford" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21315126"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/a5c222655f242a0444d35d651767fee4?s=32&d=identicon&r=PG" alt="Samuel Crawford's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21315126/samuel-crawford" class="flex--item">Samuel Crawford</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">21</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:03:27Z" class="relativetime">52 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652417" class="s-post-summary js-post-summary" data-post-id="75652417" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="9 views"> <span class="s-post-summary--stats-item-number">9</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652417/typeerror-cannot-read-properties-of-undefined-reading-reifedata" class="s-link">TypeError Cannot read properties of undefined (reading 'ReifeData')</a> </h3> <div class="s-post-summary--content-excerpt"> I am new to react and getting this error . Not able to resolve it. Kindly help me resolve this error. error types.ts import ReifeData = getFMSData.ReifeData; import ReleaseData = getFMSData.... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-typescript t-graphql t-react-typescript"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/typescript" class="post-tag flex--item mt0 js-tagname-typescript" title="show questions tagged 'typescript'" aria-label="show questions tagged 'typescript'" rel="tag" aria-labelledby="tag-typescript-tooltip-container">typescript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/graphql" class="post-tag flex--item mt0 js-tagname-graphql" title="show questions tagged 'graphql'" aria-label="show questions tagged 'graphql'" rel="tag" aria-labelledby="tag-graphql-tooltip-container">graphql</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-typescript" class="post-tag flex--item mt0 js-tagname-react-typescript" title="show questions tagged 'react-typescript'" aria-label="show questions tagged 'react-typescript'" rel="tag" aria-labelledby="tag-react-typescript-tooltip-container">react-typescript</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/9427692/ankit" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="9427692"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/566df46afdf601d6c4ee6742fa3e8f97?s=32&d=identicon&r=PG&f=1" alt="Ankit's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/9427692/ankit" class="flex--item">Ankit</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:02:31Z" class="relativetime">53 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652416" class="s-post-summary js-post-summary" data-post-id="75652416" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="1 answer"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">answer</span> </div> <div class="s-post-summary--stats-item " title="5 views"> <span class="s-post-summary--stats-item-number">5</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652416/parceljs-package-mislocating-dict-dict-txt" class="s-link">ParcelJs Package mislocating 'dict/dict.txt'</a> </h3> <div class="s-post-summary--content-excerpt"> I am trying to build a ReactJs Project in Google App Script according to this tutorial here. I encounter an issue with parcel that when I run npm start it throw this error: Error: ENOENT: no such file ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-google-apps-script t-parceljs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/google-apps-script" class="post-tag flex--item mt0 js-tagname-google-apps-script" title="show questions tagged 'google-apps-script'" aria-label="show questions tagged 'google-apps-script'" rel="tag" aria-labelledby="tag-google-apps-script-tooltip-container">google-apps-script</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/parceljs" class="post-tag flex--item mt0 js-tagname-parceljs" title="show questions tagged 'parceljs'" aria-label="show questions tagged 'parceljs'" rel="tag" aria-labelledby="tag-parceljs-tooltip-container">parceljs</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/12566546/xh%e6%a0%a9%e6%81%92" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="12566546"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a-/AAuE7mAgmokrjn4AqA1JtCq5lPcmP27lz5YrjA-llmMH1w=k-s32" alt="XH栩恒's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/12566546/xh%e6%a0%a9%e6%81%92" class="flex--item">XH栩恒</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">203</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 15:02:27Z" class="relativetime">53 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652374" class="s-post-summary js-post-summary" data-post-id="75652374" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="4 views"> <span class="s-post-summary--stats-item-number">4</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652374/running-app-with-expo-go-works-perfectly-but-if-i-build-it-to-an-apk-crashes-at" class="s-link">Running app with expo go works perfectly but If I build it to an apk crashes at the start all the time</a> </h3> <div class="s-post-summary--content-excerpt"> I'm not sure if someone will be able to help me, since I wasn't able to find anything. I don't understand why because at expo go works perfectly and when I build it, can't even start the app, loads ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-react-native t-expo t-eas"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-native" class="post-tag flex--item mt0 js-tagname-react-native" title="show questions tagged 'react-native'" aria-label="show questions tagged 'react-native'" rel="tag" aria-labelledby="tag-react-native-tooltip-container">react-native</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/expo" class="post-tag flex--item mt0 js-tagname-expo" title="show questions tagged 'expo'" aria-label="show questions tagged 'expo'" rel="tag" aria-labelledby="tag-expo-tooltip-container">expo</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/eas" class="post-tag flex--item mt0 js-tagname-eas" title="show questions tagged 'eas'" aria-label="show questions tagged 'eas'" rel="tag" aria-labelledby="tag-eas-tooltip-container">eas</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21343067/gaxve" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21343067"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a/AGNmyxazYQTGed9KTVNOFf7Mhsx5dKJBstOj4JnOgsrI=k-s32" alt="Gaxve's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21343067/gaxve" class="flex--item">Gaxve</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:59:04Z" class="relativetime">56 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652354" class="s-post-summary js-post-summary" data-post-id="75652354" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="1 answer"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">answer</span> </div> <div class="s-post-summary--stats-item " title="10 views"> <span class="s-post-summary--stats-item-number">10</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652354/how-to-access-request-body-in-nextjs-13-2-route-handler" class="s-link">How to access request body in nextjs 13.2 route handler</a> </h3> <div class="s-post-summary--content-excerpt"> I was trying to send a post request to my api. However trying to access the request body in the route handler causes the error below: Code: export async function POST(request: Request) { const ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-typescript t-nextûjs t-nextjs13"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/typescript" class="post-tag flex--item mt0 js-tagname-typescript" title="show questions tagged 'typescript'" aria-label="show questions tagged 'typescript'" rel="tag" aria-labelledby="tag-typescript-tooltip-container">typescript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/next.js" class="post-tag flex--item mt0 js-tagname-nextûjs" title="show questions tagged 'next.js'" aria-label="show questions tagged 'next.js'" rel="tag" aria-labelledby="tag-next.js-tooltip-container">next.js</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/nextjs13" class="post-tag flex--item mt0 js-tagname-nextjs13" title="show questions tagged 'nextjs13'" aria-label="show questions tagged 'nextjs13'" rel="tag" aria-labelledby="tag-nextjs13-tooltip-container">nextjs13</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/12619115/lool" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="12619115"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/8994d828e5f9467e3bb0530a9690a219?s=32&d=identicon&r=PG&f=1" alt="lool's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/12619115/lool" class="flex--item">lool</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">81</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:57:23Z" class="relativetime">58 mins ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652337" class="s-post-summary js-post-summary" data-post-id="75652337" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="12 views"> <span class="s-post-summary--stats-item-number">12</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652337/pass-state-from-parent-for-toggling-multiple-children-elements-in-react" class="s-link">Pass state from parent for toggling multiple children elements in React</a> </h3> <div class="s-post-summary--content-excerpt"> I'm trying to toggle multiple popovers with useState true/false, which was working fine within its own component. However, I now need for the state to be set from inside the parent component, so that ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-react-hooks t-state t-popover"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-hooks" class="post-tag flex--item mt0 js-tagname-react-hooks" title="show questions tagged 'react-hooks'" aria-label="show questions tagged 'react-hooks'" rel="tag" aria-labelledby="tag-react-hooks-tooltip-container">react-hooks</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/state" class="post-tag flex--item mt0 js-tagname-state" title="show questions tagged 'state'" aria-label="show questions tagged 'state'" rel="tag" aria-labelledby="tag-state-tooltip-container">state</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/popover" class="post-tag flex--item mt0 js-tagname-popover" title="show questions tagged 'popover'" aria-label="show questions tagged 'popover'" rel="tag" aria-labelledby="tag-popover-tooltip-container">popover</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/19643780/ells157" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="19643780"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/968d781981d87ea1b9a1bcb7f0798104?s=32&d=identicon&r=PG" alt="ells157's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/19643780/ells157" class="flex--item">ells157</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">21</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:55:39Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652327" class="s-post-summary js-post-summary" data-post-id="75652327" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="7 views"> <span class="s-post-summary--stats-item-number">7</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652327/how-to-get-itemsize-for-variablesizelist-in-react-window-from-a-component" class="s-link">How to get itemSize for VariableSizeList in react-window from a component?</a> </h3> <div class="s-post-summary--content-excerpt"> I'm rendering a list with react-window, all rows have the same size, but when I resize the window, the content disappears because the row's size is always the same. I render my list items with an ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-react-window"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-window" class="post-tag flex--item mt0 js-tagname-react-window" title="show questions tagged 'react-window'" aria-label="show questions tagged 'react-window'" rel="tag" aria-labelledby="tag-react-window-tooltip-container">react-window</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/10091329/jo%c3%a3o-ferreira" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="10091329"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/886c23e504c1f4dce92e4313834b7efa?s=32&d=identicon&r=PG" alt="João Ferreira's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/10091329/jo%c3%a3o-ferreira" class="flex--item">João Ferreira</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">44</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:54:28Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652313" class="s-post-summary js-post-summary" data-post-id="75652313" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="8 views"> <span class="s-post-summary--stats-item-number">8</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652313/headless-ui-close-open-specific-disclosures" class="s-link">Headless UI Close/Open specific Disclosures</a> </h3> <div class="s-post-summary--content-excerpt"> Hi can anyone help me on how to close/open specific Headless UI Disclosures. Right now when I open one disclosures, the others will be opened too. Here is the existing condition: What I like to ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-nextûjs t-tailwind-css t-headless-ui"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/next.js" class="post-tag flex--item mt0 js-tagname-nextûjs" title="show questions tagged 'next.js'" aria-label="show questions tagged 'next.js'" rel="tag" aria-labelledby="tag-next.js-tooltip-container">next.js</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/tailwind-css" class="post-tag flex--item mt0 js-tagname-tailwind-css" title="show questions tagged 'tailwind-css'" aria-label="show questions tagged 'tailwind-css'" rel="tag" aria-labelledby="tag-tailwind-css-tooltip-container">tailwind-css</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/headless-ui" class="post-tag flex--item mt0 js-tagname-headless-ui" title="show questions tagged 'headless-ui'" aria-label="show questions tagged 'headless-ui'" rel="tag" aria-labelledby="tag-headless-ui-tooltip-container">headless-ui</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/8140319/muhammad-haekal" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="8140319"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://graph.facebook.com/1736791449669137/picture?type=large" alt="Muhammad Haekal's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/8140319/muhammad-haekal" class="flex--item">Muhammad Haekal</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">383</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:53:18Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652228" class="s-post-summary js-post-summary" data-post-id="75652228" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="8 views"> <span class="s-post-summary--stats-item-number">8</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652228/how-to-capture-task-attributes-from-a-reservation-properly-using-twilio-manager" class="s-link">How to capture task attributes from a reservation properly using Twilio Manager</a> </h3> <div class="s-post-summary--content-excerpt"> `var userMessage; //"testing" is the value I am passing in userMessage Manager.getInstance().workerClient.on("reservationCreated", reservation => { ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-twilio"> <a class="themed subcommunity-avatar subcommunity-twilio s-avatar s-avatar__24 va-text-top js-community-tag flex--item" style="" data-controller="s-tooltip" title="Twilio Collective" href="/web/20230306155551/https://stackoverflow.com/collectives/twilio"></a> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/twilio" class="post-tag flex--item mt0 js-tagname-twilio" title="show questions tagged 'twilio'" aria-label="show questions tagged 'twilio'" rel="tag" aria-labelledby="tag-twilio-tooltip-container">twilio</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/16588069/yogi" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="16588069"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/9993b0c72239b6e3844e84fb4561cbc8?s=32&d=identicon&r=PG&f=1" alt="Yogi's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/16588069/yogi" class="flex--item">Yogi</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:46:24Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652217" class="s-post-summary js-post-summary" data-post-id="75652217" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="7 views"> <span class="s-post-summary--stats-item-number">7</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652217/how-to-iteratively-render-hierarchical-unlimited-depth-tree-structure-in-react" class="s-link">How to iteratively render hierarchical unlimited depth tree structure in react</a> </h3> <div class="s-post-summary--content-excerpt"> I've created a hierarchical tree structure and want to render it two ways: recursively and iteratively. The structure can have unlimited number of children. I've managed to render that structure ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-recursion t-tree t-iteration t-hierarchy"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/recursion" class="post-tag flex--item mt0 js-tagname-recursion" title="show questions tagged 'recursion'" aria-label="show questions tagged 'recursion'" rel="tag" aria-labelledby="tag-recursion-tooltip-container">recursion</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/tree" class="post-tag flex--item mt0 js-tagname-tree" title="show questions tagged 'tree'" aria-label="show questions tagged 'tree'" rel="tag" aria-labelledby="tag-tree-tooltip-container">tree</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/iteration" class="post-tag flex--item mt0 js-tagname-iteration" title="show questions tagged 'iteration'" aria-label="show questions tagged 'iteration'" rel="tag" aria-labelledby="tag-iteration-tooltip-container">iteration</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/hierarchy" class="post-tag flex--item mt0 js-tagname-hierarchy" title="show questions tagged 'hierarchy'" aria-label="show questions tagged 'hierarchy'" rel="tag" aria-labelledby="tag-hierarchy-tooltip-container">hierarchy</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21340606/mantas-petrauskas" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21340606"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a/AGNmyxZoHuwzxH5vftnQ7uRVhkN1lCtl5fXjWoH1rZQT=k-s32" alt="Mantas Petrauskas's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21340606/mantas-petrauskas" class="flex--item">Mantas Petrauskas</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:45:45Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652191" class="s-post-summary js-post-summary" data-post-id="75652191" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 2"> <span class="s-post-summary--stats-item-number">2</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="2 answers"> <span class="s-post-summary--stats-item-number">2</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="18 views"> <span class="s-post-summary--stats-item-number">18</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652191/how-to-export-a-react-native-app-as-apk" class="s-link">How to export a react native app as .apk?</a> </h3> <div class="s-post-summary--content-excerpt"> I'm new to react native, and I just built my first mobile app (a simple D&D dice app). but I'm not able and don't know how to export it now as an .apk file to install it on my phone. I've used ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-react-native t-apk"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-native" class="post-tag flex--item mt0 js-tagname-react-native" title="show questions tagged 'react-native'" aria-label="show questions tagged 'react-native'" rel="tag" aria-labelledby="tag-react-native-tooltip-container">react-native</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/apk" class="post-tag flex--item mt0 js-tagname-apk" title="show questions tagged 'apk'" aria-label="show questions tagged 'apk'" rel="tag" aria-labelledby="tag-apk-tooltip-container">apk</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/17506071/luka-vuli%c4%87" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="17506071"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://graph.facebook.com/4722942557757571/picture?type=large" alt="Luka Vulić's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/17506071/luka-vuli%c4%87" class="flex--item">Luka Vulić</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">21</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:42:53Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652186" class="s-post-summary js-post-summary" data-post-id="75652186" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="4 views"> <span class="s-post-summary--stats-item-number">4</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652186/no-audio-through-video-chat-using-peerjs" class="s-link">No Audio through Video chat using PeerJS</a> </h3> <div class="s-post-summary--content-excerpt"> I am trying to build a video chatting website using socket io for text and peerjs for video chat. The video works fine and is connected to the user but there is no audio of the connected user. The ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-sockets t-peerjs t-videochat"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/sockets" class="post-tag flex--item mt0 js-tagname-sockets" title="show questions tagged 'sockets'" aria-label="show questions tagged 'sockets'" rel="tag" aria-labelledby="tag-sockets-tooltip-container">sockets</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/peerjs" class="post-tag flex--item mt0 js-tagname-peerjs" title="show questions tagged 'peerjs'" aria-label="show questions tagged 'peerjs'" rel="tag" aria-labelledby="tag-peerjs-tooltip-container">peerjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/videochat" class="post-tag flex--item mt0 js-tagname-videochat" title="show questions tagged 'videochat'" aria-label="show questions tagged 'videochat'" rel="tag" aria-labelledby="tag-videochat-tooltip-container">videochat</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/19132722/nikhil" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="19132722"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/a59bcd954fc705a629cd5be90968406b?s=32&d=identicon&r=PG" alt="Nikhil's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/19132722/nikhil" class="flex--item">Nikhil</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">21</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:42:26Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652152" class="s-post-summary js-post-summary" data-post-id="75652152" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of -1"> <span class="s-post-summary--stats-item-number">-1</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="5 views"> <span class="s-post-summary--stats-item-number">5</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652152/represent-fonts-in-json-file" class="s-link">Represent fonts in json file</a> </h3> <div class="s-post-summary--content-excerpt"> There is such json file for fsme fonts. enter image description here enter image description here How can I make the same json file for another font? Tried to convert ttf to json on various sites. It ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-json t-fonts t-type-conversion t-font-family"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/json" class="post-tag flex--item mt0 js-tagname-json" title="show questions tagged 'json'" aria-label="show questions tagged 'json'" rel="tag" aria-labelledby="tag-json-tooltip-container">json</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/fonts" class="post-tag flex--item mt0 js-tagname-fonts" title="show questions tagged 'fonts'" aria-label="show questions tagged 'fonts'" rel="tag" aria-labelledby="tag-fonts-tooltip-container">fonts</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/type-conversion" class="post-tag flex--item mt0 js-tagname-type-conversion" title="show questions tagged 'type-conversion'" aria-label="show questions tagged 'type-conversion'" rel="tag" aria-labelledby="tag-type-conversion-tooltip-container">type-conversion</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/font-family" class="post-tag flex--item mt0 js-tagname-font-family" title="show questions tagged 'font-family'" aria-label="show questions tagged 'font-family'" rel="tag" aria-labelledby="tag-font-family-tooltip-container">font-family</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/17731899/prom1r" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="17731899"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/ce98d5ed65a8218894ed87ac20ebe52a?s=32&d=identicon&r=PG" alt="prom1r's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/17731899/prom1r" class="flex--item">prom1r</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:37:58Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652147" class="s-post-summary js-post-summary" data-post-id="75652147" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="6 views"> <span class="s-post-summary--stats-item-number">6</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652147/testing-show-input-field-when-select-option-is-chosen-in-react-testing-library" class="s-link">Testing Show input field when select option is chosen in react testing library</a> </h3> <div class="s-post-summary--content-excerpt"> I have a select field and an input field, i want to create a test for them, so that the input field 'Age' is shown when the select option is 'Female'. But i got an error, can someone help me in that? ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-typescript t-react-testing-library"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/typescript" class="post-tag flex--item mt0 js-tagname-typescript" title="show questions tagged 'typescript'" aria-label="show questions tagged 'typescript'" rel="tag" aria-labelledby="tag-typescript-tooltip-container">typescript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-testing-library" class="post-tag flex--item mt0 js-tagname-react-testing-library" title="show questions tagged 'react-testing-library'" aria-label="show questions tagged 'react-testing-library'" rel="tag" aria-labelledby="tag-react-testing-library-tooltip-container">react-testing-library</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21073337/tsdev" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21073337"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/35bf43e288a2744242ae9a595255e8eb?s=32&d=identicon&r=PG" alt="TSDev's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21073337/tsdev" class="flex--item">TSDev</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">29</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:37:11Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652142" class="s-post-summary js-post-summary" data-post-id="75652142" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of -1"> <span class="s-post-summary--stats-item-number">-1</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="15 views"> <span class="s-post-summary--stats-item-number">15</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652142/issue-with-firebase-v9-the-firestore-does-not-work-while-testing" class="s-link">Issue with firebase V9. The firestore does not work while testing</a> </h3> <div class="s-post-summary--content-excerpt"> Homescreen.js getRequestedPosts = async () => { const postsCollection = collection(db, 'Posts'); const q = query(postsCollection); onSnapshot(q, (querySnapshot) => { const ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-firebase t-react-native t-google-cloud-platform t-google-cloud-firestore"> <a class="themed subcommunity-avatar subcommunity-google-cloud s-avatar s-avatar__24 va-text-top js-community-tag flex--item" style="" data-controller="s-tooltip" title="Google Cloud Collective" href="/web/20230306155551/https://stackoverflow.com/collectives/google-cloud"></a> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/firebase" class="post-tag flex--item mt0 js-tagname-firebase" title="show questions tagged 'firebase'" aria-label="show questions tagged 'firebase'" rel="tag" aria-labelledby="tag-firebase-tooltip-container">firebase</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-native" class="post-tag flex--item mt0 js-tagname-react-native" title="show questions tagged 'react-native'" aria-label="show questions tagged 'react-native'" rel="tag" aria-labelledby="tag-react-native-tooltip-container">react-native</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/google-cloud-platform" class="post-tag flex--item mt0 js-tagname-google-cloud-platform" title="show questions tagged 'google-cloud-platform'" aria-label="show questions tagged 'google-cloud-platform'" rel="tag" aria-labelledby="tag-google-cloud-platform-tooltip-container">google-cloud-platform</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/google-cloud-firestore" class="post-tag flex--item mt0 js-tagname-google-cloud-firestore" title="show questions tagged 'google-cloud-firestore'" aria-label="show questions tagged 'google-cloud-firestore'" rel="tag" aria-labelledby="tag-google-cloud-firestore-tooltip-container">google-cloud-firestore</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/15161453/bilal-sabugar" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="15161453"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a-/AOh14GgA6u327tX2QikKhwgvMSFcrTZojY1f0-12pTXu=k-s32" alt="Bilal Sabugar's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/15161453/bilal-sabugar" class="flex--item">Bilal Sabugar</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">35</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:36:15Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652082" class="s-post-summary js-post-summary" data-post-id="75652082" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="1 answer"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">answer</span> </div> <div class="s-post-summary--stats-item " title="21 views"> <span class="s-post-summary--stats-item-number">21</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652082/cypress-how-to-run-specific-test-case-in-different-browser" class="s-link">Cypress - How to run specific test case in different browser</a> </h3> <div class="s-post-summary--content-excerpt"> I have one file authentication.cy.ts where I am performing all the specs related to authentication. I have a scenario where I want to log in user at the same time in a different browser. I know we ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-typescript t-cypress"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/typescript" class="post-tag flex--item mt0 js-tagname-typescript" title="show questions tagged 'typescript'" aria-label="show questions tagged 'typescript'" rel="tag" aria-labelledby="tag-typescript-tooltip-container">typescript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/cypress" class="post-tag flex--item mt0 js-tagname-cypress" title="show questions tagged 'cypress'" aria-label="show questions tagged 'cypress'" rel="tag" aria-labelledby="tag-cypress-tooltip-container">cypress</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/5117953/vishal" class="s-avatar s-avatar__16 s-user-card--avatar js-user-hover-target" data-user-id="5117953"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://i.stack.imgur.com/Ca0RW.jpg?s=32&g=1" alt="Vishal's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/5117953/vishal" class="flex--item">Vishal</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">7,023</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:30:41Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75652041" class="s-post-summary js-post-summary" data-post-id="75652041" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="1 answer"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">answer</span> </div> <div class="s-post-summary--stats-item " title="19 views"> <span class="s-post-summary--stats-item-number">19</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75652041/exporting-data-from-firebase-database-in-react" class="s-link">Exporting data from firebase database in react</a> </h3> <div class="s-post-summary--content-excerpt"> I want to have in my variable "data" the specific values/information from my database in firebase but I have this error - "firebase_config__WEBPACK_IMPORTED_MODULE_1_.default.database ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-firebase t-firebase-realtime-database"> <a class="themed subcommunity-avatar subcommunity-google-cloud s-avatar s-avatar__24 va-text-top js-community-tag flex--item" style="" data-controller="s-tooltip" title="Google Cloud Collective" href="/web/20230306155551/https://stackoverflow.com/collectives/google-cloud"></a> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/firebase" class="post-tag flex--item mt0 js-tagname-firebase" title="show questions tagged 'firebase'" aria-label="show questions tagged 'firebase'" rel="tag" aria-labelledby="tag-firebase-tooltip-container">firebase</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/firebase-realtime-database" class="post-tag flex--item mt0 js-tagname-firebase-realtime-database" title="show questions tagged 'firebase-realtime-database'" aria-label="show questions tagged 'firebase-realtime-database'" rel="tag" aria-labelledby="tag-firebase-realtime-database-tooltip-container">firebase-realtime-database</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21342869/mmilushev" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21342869"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/af85381affaa2d726be322df3624dda4?s=32&d=identicon&r=PG" alt="mmilushev's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21342869/mmilushev" class="flex--item">mmilushev</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:27:17Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651936" class="s-post-summary js-post-summary" data-post-id="75651936" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="15 views"> <span class="s-post-summary--stats-item-number">15</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651936/type-array-is-not-assignable-to-type-intrinsicattributes" class="s-link">Type '{ array: {}[]; }' is not assignable to type 'IntrinsicAttributes & {}[]'. Property 'array' does not exist on type 'IntrinsicAttributes & {}[]'</a> </h3> <div class="s-post-summary--content-excerpt"> This is my component for rendering tables with data. const TablesToShow = (array: {}[]): JSX.Element[] => { const newArray : any = array.map((element: any, index: number ) : any => { // ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-typescript t-jsx"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/typescript" class="post-tag flex--item mt0 js-tagname-typescript" title="show questions tagged 'typescript'" aria-label="show questions tagged 'typescript'" rel="tag" aria-labelledby="tag-typescript-tooltip-container">typescript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/jsx" class="post-tag flex--item mt0 js-tagname-jsx" title="show questions tagged 'jsx'" aria-label="show questions tagged 'jsx'" rel="tag" aria-labelledby="tag-jsx-tooltip-container">jsx</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/20021885/soulofcinder" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="20021885"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/8a2d46338101c1618a76c15c07a003a5?s=32&d=identicon&r=PG" alt="Soulofcinder's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/20021885/soulofcinder" class="flex--item">Soulofcinder</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">7</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:17:43Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651882" class="s-post-summary js-post-summary" data-post-id="75651882" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="3 answers"> <span class="s-post-summary--stats-item-number">3</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="32 views"> <span class="s-post-summary--stats-item-number">32</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651882/how-to-scroll-to-a-component-from-clicking-button-in-another-component-using-r" class="s-link">How to scroll to a component from clicking 'button' in another component using React</a> </h3> <div class="s-post-summary--content-excerpt"> I have a "Header" component and a separate "Main Page", which displays the rest of the components, such as "AboutUs", including the "Header" itself. How to make ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21342784/someuser" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21342784"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a/AGNmyxbasE2vn8JPs9dKI2K5fkU5x4svPOEXa1oELAJM=k-s32" alt="SomeUser's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21342784/someuser" class="flex--item">SomeUser</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:13:13Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651800" class="s-post-summary js-post-summary" data-post-id="75651800" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="2 answers"> <span class="s-post-summary--stats-item-number">2</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="40 views"> <span class="s-post-summary--stats-item-number">40</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651800/fetch-in-useeffect-to-create-component" class="s-link">fetch in useEffect to create component</a> </h3> <div class="s-post-summary--content-excerpt"> How would I go about creating a component using useEffect? useEffect(() => { fetch('https://website') .then((res) => res.json()) .then((data) => { setData(... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-nextûjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/next.js" class="post-tag flex--item mt0 js-tagname-nextûjs" title="show questions tagged 'next.js'" aria-label="show questions tagged 'next.js'" rel="tag" aria-labelledby="tag-next.js-tooltip-container">next.js</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/4347684/lewis" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="4347684"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/20457ac22b8dc3ef115f9854730f70c4?s=32&d=identicon&r=PG&f=1" alt="Lewis's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/4347684/lewis" class="flex--item">Lewis</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">117</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:05:01Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651767" class="s-post-summary js-post-summary" data-post-id="75651767" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="5 views"> <span class="s-post-summary--stats-item-number">5</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651767/i-am-using-next-js-application-and-i-want-to-have-two-separate-a-assetprefix-for" class="s-link">I am using Next js application and I want to have two separate a assetPrefix for JS and CSS files</a> </h3> <div class="s-post-summary--content-excerpt"> I am using Next js application and I want to use assetPrefix for JS chunk and assetPrefix for CSS chunk differently. Example JS chunk should load from 123.mydomain.com and CSS chunk should load from ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-nextûjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/next.js" class="post-tag flex--item mt0 js-tagname-nextûjs" title="show questions tagged 'next.js'" aria-label="show questions tagged 'next.js'" rel="tag" aria-labelledby="tag-next.js-tooltip-container">next.js</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/8225093/rutvij07" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="8225093"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/8d5ee7ff2ecad3828061f87f3dd3bd7a?s=32&d=identicon&r=PG" alt="Rutvij07's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/8225093/rutvij07" class="flex--item">Rutvij07</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">367</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:02:01Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651753" class="s-post-summary js-post-summary" data-post-id="75651753" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="23 views"> <span class="s-post-summary--stats-item-number">23</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651753/resize-input-when-button-is-next-to-it" class="s-link">Resize input when button is next to it</a> </h3> <div class="s-post-summary--content-excerpt"> I am using React with Ant Design and Tailwind CSS. I'm trying to a React component that has an input and multiple optional buttons. I would like the input to take full width of the parent element. If ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-html t-css t-reactjs t-tailwind-css t-antd"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/html" class="post-tag flex--item mt0 js-tagname-html" title="show questions tagged 'html'" aria-label="show questions tagged 'html'" rel="tag" aria-labelledby="tag-html-tooltip-container">html</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/css" class="post-tag flex--item mt0 js-tagname-css" title="show questions tagged 'css'" aria-label="show questions tagged 'css'" rel="tag" aria-labelledby="tag-css-tooltip-container">css</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/tailwind-css" class="post-tag flex--item mt0 js-tagname-tailwind-css" title="show questions tagged 'tailwind-css'" aria-label="show questions tagged 'tailwind-css'" rel="tag" aria-labelledby="tag-tailwind-css-tooltip-container">tailwind-css</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/antd" class="post-tag flex--item mt0 js-tagname-antd" title="show questions tagged 'antd'" aria-label="show questions tagged 'antd'" rel="tag" aria-labelledby="tag-antd-tooltip-container">antd</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/11107128/syydi" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="11107128"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/b6f594feeda0a3c1cdbd70debfc0f8b1?s=32&d=identicon&r=PG&f=1" alt="syydi's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/11107128/syydi" class="flex--item">syydi</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">89</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 14:00:04Z" class="relativetime">1 hour ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651714" class="s-post-summary js-post-summary" data-post-id="75651714" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="1 answer"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">answer</span> </div> <div class="s-post-summary--stats-item " title="33 views"> <span class="s-post-summary--stats-item-number">33</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651714/reactjs-button-onclick-doesnt-do-anythning" class="s-link">ReactJS: button onclick doesn't do anythning</a> </h3> <div class="s-post-summary--content-excerpt"> I'm getting quite confused with this one. When i'm trying to make a button which does something, and use it via innerhtml (I know it is dangerous to use for XSS reasons). However, once i click this ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21342587/j-michael" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21342587"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/e7c6ca30af46c21ab2592fa2f139801c?s=32&d=identicon&r=PG" alt="J-Michael's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21342587/j-michael" class="flex--item">J-Michael</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:55:43Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651700" class="s-post-summary js-post-summary" data-post-id="75651700" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="21 views"> <span class="s-post-summary--stats-item-number">21</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651700/getting-error-cannot-read-properties-of-undefined-reading-map" class="s-link">Getting Error -> Cannot read properties of undefined (reading 'map')</a> </h3> <div class="s-post-summary--content-excerpt"> I want to get data from the Book API but when I search the data then error is Cannot read properties of undefined (reading 'map'). [enter image description here] (https://i.stack.imgur.com/UQTBm.png) {... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-api t-request"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/api" class="post-tag flex--item mt0 js-tagname-api" title="show questions tagged 'api'" aria-label="show questions tagged 'api'" rel="tag" aria-labelledby="tag-api-tooltip-container">api</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/request" class="post-tag flex--item mt0 js-tagname-request" title="show questions tagged 'request'" aria-label="show questions tagged 'request'" rel="tag" aria-labelledby="tag-request-tooltip-container">request</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/19691966/vipul" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="19691966"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/0c4fa5702518806483ef8b48b623febd?s=32&d=identicon&r=PG" alt="Vipul 's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/19691966/vipul" class="flex--item">Vipul </a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">11</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:55:01Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651558" class="s-post-summary js-post-summary" data-post-id="75651558" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="8 views"> <span class="s-post-summary--stats-item-number">8</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651558/errors-and-ways-to-define-react-scripts-on-win10-error-the-path-argument-mus" class="s-link">Errors and ways to define react scripts on win10 (Error: The "path" argument must be of type string. Received undefined)</a> </h3> <div class="s-post-summary--content-excerpt"> I'm tryin to run a React program(originally developed on mac), and in the package.json file, the code I got for "scripts" is like this: "scripts": { "start": "set ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-npm t-path t-environment-variables t-port"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/npm" class="post-tag flex--item mt0 js-tagname-npm" title="show questions tagged 'npm'" aria-label="show questions tagged 'npm'" rel="tag" aria-labelledby="tag-npm-tooltip-container">npm</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/path" class="post-tag flex--item mt0 js-tagname-path" title="show questions tagged 'path'" aria-label="show questions tagged 'path'" rel="tag" aria-labelledby="tag-path-tooltip-container">path</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/environment-variables" class="post-tag flex--item mt0 js-tagname-environment-variables" title="show questions tagged 'environment-variables'" aria-label="show questions tagged 'environment-variables'" rel="tag" aria-labelledby="tag-environment-variables-tooltip-container">environment-variables</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/port" class="post-tag flex--item mt0 js-tagname-port" title="show questions tagged 'port'" aria-label="show questions tagged 'port'" rel="tag" aria-labelledby="tag-port-tooltip-container">port</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/20462649/qqman" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="20462649"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/3a25b5a68ca032b3d72fc62edfcf9a34?s=32&d=identicon&r=PG" alt="qqman's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/20462649/qqman" class="flex--item">qqman</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:39:51Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651534" class="s-post-summary js-post-summary" data-post-id="75651534" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="1 answer"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">answer</span> </div> <div class="s-post-summary--stats-item " title="8 views"> <span class="s-post-summary--stats-item-number">8</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651534/jest-spyon-hook-and-sending-a-parameter" class="s-link">Jest spyOn hook and sending a parameter</a> </h3> <div class="s-post-summary--content-excerpt"> I used to use spyOn this way always successful: jest.spyOn(Hooks, "useGetTableData").mockImplementation({ refetch: jest.fn() }); However this time, the specific hook needs an argument. In ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-jestjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/jestjs" class="post-tag flex--item mt0 js-tagname-jestjs" title="show questions tagged 'jestjs'" aria-label="show questions tagged 'jestjs'" rel="tag" aria-labelledby="tag-jestjs-tooltip-container">jestjs</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/1580094/pikk" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="1580094"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/d6dade78624594bf5f25fe642d0987ac?s=32&d=identicon&r=PG" alt="Pikk's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/1580094/pikk" class="flex--item">Pikk</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">2,067</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:38:47Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651504" class="s-post-summary js-post-summary" data-post-id="75651504" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 1"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">vote</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="26 views"> <span class="s-post-summary--stats-item-number">26</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651504/multiple-useeffect-in-context-file-with-react-native" class="s-link">multiple useEffect in context file with react native</a> </h3> <div class="s-post-summary--content-excerpt"> I hava a react native app. And I have two api calls: one for the home page and one for navigating from the home page to a other component. But the problem is that if the app loads for the first time ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-react-native t-react-hooks"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-native" class="post-tag flex--item mt0 js-tagname-react-native" title="show questions tagged 'react-native'" aria-label="show questions tagged 'react-native'" rel="tag" aria-labelledby="tag-react-native-tooltip-container">react-native</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-hooks" class="post-tag flex--item mt0 js-tagname-react-hooks" title="show questions tagged 'react-hooks'" aria-label="show questions tagged 'react-hooks'" rel="tag" aria-labelledby="tag-react-hooks-tooltip-container">react-hooks</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/7713770/mightycode-newton" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="7713770"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/91cd7c2df5d23b2b3a4c95ab87b7798c?s=32&d=identicon&r=PG&f=1" alt="mightycode Newton's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/7713770/mightycode-newton" class="flex--item">mightycode Newton</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">2,869</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:35:35Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651477" class="s-post-summary js-post-summary" data-post-id="75651477" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of -1"> <span class="s-post-summary--stats-item-number">-1</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="5 views"> <span class="s-post-summary--stats-item-number">5</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651477/image-face-detection-using-mediapipes-face-detection-not-working-on-ios-how-ca" class="s-link">Image face detection using mediapipe's face detection not working on IOS. How can I fix this?</a> </h3> <div class="s-post-summary--content-excerpt"> I used the below libraries for image face detection. The library works correctly in android and windows. But it is not working on IOS. How I fix that issue? import {useFaceDetection} from "react-... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-image t-face-detection t-mediapipe"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/image" class="post-tag flex--item mt0 js-tagname-image" title="show questions tagged 'image'" aria-label="show questions tagged 'image'" rel="tag" aria-labelledby="tag-image-tooltip-container">image</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/face-detection" class="post-tag flex--item mt0 js-tagname-face-detection" title="show questions tagged 'face-detection'" aria-label="show questions tagged 'face-detection'" rel="tag" aria-labelledby="tag-face-detection-tooltip-container">face-detection</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/mediapipe" class="post-tag flex--item mt0 js-tagname-mediapipe" title="show questions tagged 'mediapipe'" aria-label="show questions tagged 'mediapipe'" rel="tag" aria-labelledby="tag-mediapipe-tooltip-container">mediapipe</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/19928017/prageeth-milan" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="19928017"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://i.stack.imgur.com/x58ZZ.jpg?s=32&g=1" alt="Prageeth Milan's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/19928017/prageeth-milan" class="flex--item">Prageeth Milan</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">11</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:32:36Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651469" class="s-post-summary js-post-summary" data-post-id="75651469" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of -3"> <span class="s-post-summary--stats-item-number">-3</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="22 views"> <span class="s-post-summary--stats-item-number">22</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651469/i-want-to-implement-a-feature-that-allows-users-to-download-my-webpage-and-all-i" class="s-link">I want to implement a feature that allows users to download my webpage and all its content(images, etc) as a pdf using the npm package(react-pdf) [closed]</a> </h3> <div class="s-post-summary--content-excerpt"> My Index.js file renders my App.js file My App.js file renders other components(some of which render other components). So how do I make it so that users are able to click a button that allows them ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/19517415/amogelang-chaane" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="19517415"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a-/AFdZucpuFsmVsz4QDQQlW8Qro7Zv4rRAfBS2A5w1PKZO=k-s32" alt="Amogelang Chaane's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/19517415/amogelang-chaane" class="flex--item">Amogelang Chaane</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:31:51Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651463" class="s-post-summary js-post-summary" data-post-id="75651463" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of -5"> <span class="s-post-summary--stats-item-number">-5</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="32 views"> <span class="s-post-summary--stats-item-number">32</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651463/cant-find-pages-folder-in-react-js" class="s-link">Can't find pages folder in React js [closed]</a> </h3> <div class="s-post-summary--content-excerpt"> Please, help me!! I can't find pages folder in my project my problem Help me fix this problem </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-html t-css t-nodeûjs t-reactjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/html" class="post-tag flex--item mt0 js-tagname-html" title="show questions tagged 'html'" aria-label="show questions tagged 'html'" rel="tag" aria-labelledby="tag-html-tooltip-container">html</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/css" class="post-tag flex--item mt0 js-tagname-css" title="show questions tagged 'css'" aria-label="show questions tagged 'css'" rel="tag" aria-labelledby="tag-css-tooltip-container">css</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/node.js" class="post-tag flex--item mt0 js-tagname-nodeûjs" title="show questions tagged 'node.js'" aria-label="show questions tagged 'node.js'" rel="tag" aria-labelledby="tag-node.js-tooltip-container">node.js</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21342529/nhung-nguyen" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21342529"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a/AGNmyxbEbeIeRYaKPseHGhPmGaIxD8Jt1eC6AhGwGPrL=k-s32" alt="Nhung Nguyen's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21342529/nhung-nguyen" class="flex--item">Nhung Nguyen</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:30:40Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651405" class="s-post-summary js-post-summary" data-post-id="75651405" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of -1"> <span class="s-post-summary--stats-item-number">-1</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="1 answer"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">answer</span> </div> <div class="s-post-summary--stats-item " title="25 views"> <span class="s-post-summary--stats-item-number">25</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651405/update-a-custom-defined-attribute-in-package-json" class="s-link">Update a custom defined attribute in package.json</a> </h3> <div class="s-post-summary--content-excerpt"> i want to add a custom key in package.json and update it through command line like. id: 1 and by running a script it should update like: id: 2 I have tried npm version it updates the version value but ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-nodeûjs t-reactjs t-nextûjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/node.js" class="post-tag flex--item mt0 js-tagname-nodeûjs" title="show questions tagged 'node.js'" aria-label="show questions tagged 'node.js'" rel="tag" aria-labelledby="tag-node.js-tooltip-container">node.js</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/next.js" class="post-tag flex--item mt0 js-tagname-nextûjs" title="show questions tagged 'next.js'" aria-label="show questions tagged 'next.js'" rel="tag" aria-labelledby="tag-next.js-tooltip-container">next.js</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/11549855/sourabh-kumar" class="s-avatar s-avatar__16 s-user-card--avatar js-user-hover-target" data-user-id="11549855"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://graph.facebook.com/1145073792349462/picture?type=large" alt="Sourabh Kumar's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/11549855/sourabh-kumar" class="flex--item">Sourabh Kumar</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">79</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:24:26Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651345" class="s-post-summary js-post-summary" data-post-id="75651345" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="29 views"> <span class="s-post-summary--stats-item-number">29</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651345/typescript-not-throwing-an-error-on-poor-generic-use-as-i-think-it-should" class="s-link">Typescript not throwing an error on poor generic use as I think it should</a> </h3> <div class="s-post-summary--content-excerpt"> I've stumbled upon some Typescript behavior that I don't understand. See the short code example: interface ComponentProps<T> { oldObject: T } function Component<T>({ oldObject }: ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-typescript t-types t-typescript-generics"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/typescript" class="post-tag flex--item mt0 js-tagname-typescript" title="show questions tagged 'typescript'" aria-label="show questions tagged 'typescript'" rel="tag" aria-labelledby="tag-typescript-tooltip-container">typescript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/types" class="post-tag flex--item mt0 js-tagname-types" title="show questions tagged 'types'" aria-label="show questions tagged 'types'" rel="tag" aria-labelledby="tag-types-tooltip-container">types</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/typescript-generics" class="post-tag flex--item mt0 js-tagname-typescript-generics" title="show questions tagged 'typescript-generics'" aria-label="show questions tagged 'typescript-generics'" rel="tag" aria-labelledby="tag-typescript-generics-tooltip-container">typescript-generics</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/17944792/rolias4031" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="17944792"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/30991289dae7b54047b1c4d66f1a492b?s=32&d=identicon&r=PG" alt="rolias4031's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/17944792/rolias4031" class="flex--item">rolias4031</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">119</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:17:58Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651323" class="s-post-summary js-post-summary" data-post-id="75651323" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="14 views"> <span class="s-post-summary--stats-item-number">14</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651323/invalid-userouter-hook-call-with-nextjs-and-graphql" class="s-link">Invalid useRouter hook call with NextJs and GraphQL</a> </h3> <div class="s-post-summary--content-excerpt"> I want to send a param value from my URL to my GraphQL request This hard coded value is working fine import { getSdk } from "./generated/graphql"; const gqlClient = new GraphQLClient(&... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-nextûjs t-graphql t-hook"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/next.js" class="post-tag flex--item mt0 js-tagname-nextûjs" title="show questions tagged 'next.js'" aria-label="show questions tagged 'next.js'" rel="tag" aria-labelledby="tag-next.js-tooltip-container">next.js</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/graphql" class="post-tag flex--item mt0 js-tagname-graphql" title="show questions tagged 'graphql'" aria-label="show questions tagged 'graphql'" rel="tag" aria-labelledby="tag-graphql-tooltip-container">graphql</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/hook" class="post-tag flex--item mt0 js-tagname-hook" title="show questions tagged 'hook'" aria-label="show questions tagged 'hook'" rel="tag" aria-labelledby="tag-hook-tooltip-container">hook</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/4617945/neil-kelsey" class="s-avatar s-avatar__16 s-user-card--avatar js-user-hover-target" data-user-id="4617945"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/18ed468a317a150ab1277a141a175b6e?s=32&d=identicon&r=PG" alt="Neil Kelsey's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/4617945/neil-kelsey" class="flex--item">Neil Kelsey</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">769</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:16:20Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651279" class="s-post-summary js-post-summary" data-post-id="75651279" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="2 answers"> <span class="s-post-summary--stats-item-number">2</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="22 views"> <span class="s-post-summary--stats-item-number">22</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651279/why-is-my-react-router-not-working-and-i-keep-getting-a-blank-screen" class="s-link">Why is my React Router not working and i keep getting a blank screen?</a> </h3> <div class="s-post-summary--content-excerpt"> import React from 'react'; import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'; import Home from './components/Home'; import Contact from './components/Contact'; import Navbar ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-react-router t-react-router-dom"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-router" class="post-tag flex--item mt0 js-tagname-react-router" title="show questions tagged 'react-router'" aria-label="show questions tagged 'react-router'" rel="tag" aria-labelledby="tag-react-router-tooltip-container">react-router</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/react-router-dom" class="post-tag flex--item mt0 js-tagname-react-router-dom" title="show questions tagged 'react-router-dom'" aria-label="show questions tagged 'react-router-dom'" rel="tag" aria-labelledby="tag-react-router-dom-tooltip-container">react-router-dom</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21342425/epsilon" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21342425"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/5251dba3f0c6a18692fe9dceae6c4c77?s=32&d=identicon&r=PG" alt="Epsilon's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21342425/epsilon" class="flex--item">Epsilon</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:11:39Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651262" class="s-post-summary js-post-summary" data-post-id="75651262" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of -1"> <span class="s-post-summary--stats-item-number">-1</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item has-answers " title="1 answer"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">answer</span> </div> <div class="s-post-summary--stats-item " title="15 views"> <span class="s-post-summary--stats-item-number">15</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651262/failed-to-load-resources-show-status-code-400-in-reactjs" class="s-link">failed to load resources show status code 400() in reactjs</a> </h3> <div class="s-post-summary--content-excerpt"> trying to post data using fetch api and it shows failed load resources show status code 400() what kind of error is this function register() { let item = { email }; console.log(item); ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-nodeûjs t-reactjs t-fetch-api t-ûenv"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/node.js" class="post-tag flex--item mt0 js-tagname-nodeûjs" title="show questions tagged 'node.js'" aria-label="show questions tagged 'node.js'" rel="tag" aria-labelledby="tag-node.js-tooltip-container">node.js</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/fetch-api" class="post-tag flex--item mt0 js-tagname-fetch-api" title="show questions tagged 'fetch-api'" aria-label="show questions tagged 'fetch-api'" rel="tag" aria-labelledby="tag-fetch-api-tooltip-container">fetch-api</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/.env" class="post-tag flex--item mt0 js-tagname-ûenv" title="show questions tagged '.env'" aria-label="show questions tagged '.env'" rel="tag" aria-labelledby="tag-.env-tooltip-container">.env</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/21341678/aditya-narkar" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="21341678"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://lh3.googleusercontent.com/a/AGNmyxboRhzt5hn4MpPTSEbEA94hJTJTmSTdxDqblhtI=k-s32" alt="Aditya Narkar's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/21341678/aditya-narkar" class="flex--item">Aditya Narkar</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:09:32Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651258" class="s-post-summary js-post-summary" data-post-id="75651258" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="6 views"> <span class="s-post-summary--stats-item-number">6</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651258/jest-test-worker-is-not-defined-and-worker-is-not-a-constructor" class="s-link">Jest Test: Worker is not defined and Worker is not a constructor</a> </h3> <div class="s-post-summary--content-excerpt"> I am currently developing a crm app and it has ant design charts in it. I'm trying to test one of the Pie's from antdesign charts, but when i run "npm run test" an error occures: Test suite ... </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-reactjs t-unit-testing t-jestjs"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/unit-testing" class="post-tag flex--item mt0 js-tagname-unit-testing" title="show questions tagged 'unit-testing'" aria-label="show questions tagged 'unit-testing'" rel="tag" aria-labelledby="tag-unit-testing-tooltip-container">unit-testing</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/jestjs" class="post-tag flex--item mt0 js-tagname-jestjs" title="show questions tagged 'jestjs'" aria-label="show questions tagged 'jestjs'" rel="tag" aria-labelledby="tag-jestjs-tooltip-container">jestjs</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/17779690/baran-%c3%96den" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="17779690"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/88b4514055fd4911c5b4e1ef0c48de69?s=32&d=identicon&r=PG" alt="Baran Öden's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/17779690/baran-%c3%96den" class="flex--item">Baran Öden</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">1</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:08:54Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> <div id="question-summary-75651243" class="s-post-summary js-post-summary" data-post-id="75651243" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">votes</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">answers</span> </div> <div class="s-post-summary--stats-item " title="9 views"> <span class="s-post-summary--stats-item-number">9</span> <span class="s-post-summary--stats-item-unit">views</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/web/20230306155551/https://stackoverflow.com/questions/75651243/converting-avault-file-to-zip" class="s-link">Converting AVault file to zip</a> </h3> <div class="s-post-summary--content-excerpt"> I need to convert a file to zip before uploading it i need some kind of checker that sees if the file is AVault then convert it to zip and after thst upload the file is this possible ? </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-javascript t-reactjs t-zip"> <ul class="ml0 list-ls-none js-post-tag-list-wrapper d-inline"><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/javascript" class="post-tag flex--item mt0 js-tagname-javascript" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs" class="post-tag flex--item mt0 js-tagname-reactjs" title="show questions tagged 'reactjs'" aria-label="show questions tagged 'reactjs'" rel="tag" aria-labelledby="tag-reactjs-tooltip-container">reactjs</a></li><li class="d-inline mr4 js-post-tag-list-item"><a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/zip" class="post-tag flex--item mt0 js-tagname-zip" title="show questions tagged 'zip'" aria-label="show questions tagged 'zip'" rel="tag" aria-labelledby="tag-zip-tooltip-container">zip</a></li></ul> </div> <div class="s-user-card s-user-card__minimal"> <div aria-live="polite"> <a href="/web/20230306155551/https://stackoverflow.com/users/16985713/dortax" class="s-avatar s-avatar__16 s-user-card--avatar" data-user-id="16985713"> <div class="gravatar-wrapper-16"> <img src="https://web.archive.org/web/20230306155551im_/https://www.gravatar.com/avatar/54700fe7a69f7310192b964fe3a591f4?s=32&d=identicon&r=PG" alt="dortax's user avatar" width="16" , height="16" class="s-avatar--image"/> </div> </a> </div> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> <a href="/web/20230306155551/https://stackoverflow.com/users/16985713/dortax" class="flex--item">dortax</a> </div> <ul class="s-user-card--awards"> <li class="s-user-card--rep"><span class="todo-no-class-here" title="reputation score " dir="ltr">35</span></li> </ul> </div> <time class="s-user-card--time">asked <span title="2023-03-06 13:07:38Z" class="relativetime">2 hours ago</span></time> </div> </div> </div> </div> </div> <br class="clear-both"/> <div class="s-pagination site1 themed pager float-left"> <div class="s-pagination--item is-selected" aria-current=""page"">1</div> <a class="s-pagination--item js-pagination-item" href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=newest&page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item js-pagination-item" href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=newest&page=3" rel="" title="Go to page 3">3</a> <a class="s-pagination--item js-pagination-item" href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=newest&page=4" rel="" title="Go to page 4">4</a> <a class="s-pagination--item js-pagination-item" href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=newest&page=5" rel="" title="Go to page 5">5</a> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item js-pagination-item" href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=newest&page=8935" rel="" title="Go to page 8935">8935</a> <a class="s-pagination--item js-pagination-item" href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs?tab=newest&page=2" rel="next" title="Go to page 2"> Next</a></div> </div> <div id="sidebar"> <div class="s-sidebarwidget s-sidebarwidget__yellow s-anchors s-anchors__grayscale mb16" data-tracker="cb=1"> <ul class="d-block p0 m0"> <li class="s-sidebarwidget--header s-sidebarwidget__small-bold-text d-flex fc-black-600 d:fc-black-900 bb bbw1"> The Overflow Blog </li> <li class="s-sidebarwidget--item d-flex px16"> <div class="flex--item1 fl-shrink0"> <svg aria-hidden="true" class="va-text-top svg-icon iconPencilSm" width="14" height="14" viewbox="0 0 14 14"><path d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0ZM2 10.12l6.37-6.43 1.88 1.88L3.88 12H2v-1.88Z"/></svg> </div> <div class="flex--item wmn0 ow-break-word"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.blog/2023/03/03/the-nature-of-simulating-nature-a-qa-with-ibm-quantum-researcher-dr-jamie-garcia-ep-543/" class="js-gps-track" title="The nature of simulating nature: A Q&A with IBM Quantum researcher Dr. Jamie Garcia (Ep. 543)" data-ga="["community bulletin board","The Overflow Blog","https://stackoverflow.blog/2023/03/03/the-nature-of-simulating-nature-a-qa-with-ibm-quantum-researcher-dr-jamie-garcia-ep-543/",null,null]" data-gps-track="communitybulletin.click({ priority: 1, position: 0 })">The nature of simulating nature: A Q&A with IBM Quantum researcher Dr. Jamie...</a> </div> </li> <li class="s-sidebarwidget--item d-flex px16"> <div class="flex--item1 fl-shrink0"> <svg aria-hidden="true" class="va-text-top svg-icon iconPencilSm" width="14" height="14" viewbox="0 0 14 14"><path d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0ZM2 10.12l6.37-6.43 1.88 1.88L3.88 12H2v-1.88Z"/></svg> </div> <div class="flex--item wmn0 ow-break-word"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.blog/2023/03/06/five-stack-exchange-sites-turned-ten-years-old-this-quarter/" class="js-gps-track" data-ga="["community bulletin board","The Overflow Blog","https://stackoverflow.blog/2023/03/06/five-stack-exchange-sites-turned-ten-years-old-this-quarter/",null,null]" data-gps-track="communitybulletin.click({ priority: 1, position: 1 })">Five Stack Exchange sites turned ten years-old this quarter! </a> </div> </li> <li class="s-sidebarwidget--header s-sidebarwidget__small-bold-text d-flex fc-black-600 d:fc-black-900 bb bbw1"> Featured on Meta </li> <li class="s-sidebarwidget--item d-flex px16"> <div class="flex--item1 fl-shrink0"> <div class="favicon favicon-stackexchangemeta" title="Meta Stack Exchange"></div> </div> <div class="flex--item wmn0 ow-break-word"> <a href="https://web.archive.org/web/20230306155551/https://meta.stackexchange.com/questions/386727/weve-added-a-necessary-cookies-only-option-to-the-cookie-consent-popup" class="js-gps-track" data-ga="["community bulletin board","Featured on Meta","https://meta.stackexchange.com/questions/386727/weve-added-a-necessary-cookies-only-option-to-the-cookie-consent-popup",null,null]" data-gps-track="communitybulletin.click({ priority: 3, position: 2 })">We've added a "Necessary cookies only" option to the cookie consent popup</a> </div> </li> <li class="s-sidebarwidget--item d-flex px16"> <div class="flex--item1 fl-shrink0"> <div class="favicon favicon-stackoverflowmeta" title="Meta Stack Overflow"></div> </div> <div class="flex--item wmn0 ow-break-word"> <a href="https://web.archive.org/web/20230306155551/https://meta.stackoverflow.com/questions/423429/launching-the-ci-cd-and-r-collectives-and-community-editing-features-for-article" class="js-gps-track" title="Launching the CI/CD and R Collectives and community editing features for articles" data-ga="["community bulletin board","Featured on Meta","https://meta.stackoverflow.com/questions/423429/launching-the-ci-cd-and-r-collectives-and-community-editing-features-for-article",null,null]" data-gps-track="communitybulletin.click({ priority: 6, position: 3 })">Launching the CI/CD and R Collectives and community editing features for...</a> </div> </li> <li class="s-sidebarwidget--item d-flex px16"> <div class="flex--item1 fl-shrink0"> <div class="favicon favicon-stackoverflowmeta" title="Meta Stack Overflow"></div> </div> <div class="flex--item wmn0 ow-break-word"> <a href="https://web.archive.org/web/20230306155551/https://meta.stackoverflow.com/questions/345643/the-amazon-tag-is-being-burninated" class="js-gps-track" data-ga="["community bulletin board","Featured on Meta","https://meta.stackoverflow.com/questions/345643/the-amazon-tag-is-being-burninated",null,null]" data-gps-track="communitybulletin.click({ priority: 6, position: 4 })">The [amazon] tag is being burninated</a> </div> </li> <li class="s-sidebarwidget--item d-flex px16"> <div class="flex--item1 fl-shrink0"> <div class="favicon favicon-stackoverflowmeta" title="Meta Stack Overflow"></div> </div> <div class="flex--item wmn0 ow-break-word"> <a href="https://web.archive.org/web/20230306155551/https://meta.stackoverflow.com/questions/421831/temporary-policy-chatgpt-is-banned" class="js-gps-track" data-ga="["community bulletin board","Featured on Meta","https://meta.stackoverflow.com/questions/421831/temporary-policy-chatgpt-is-banned",null,null]" data-gps-track="communitybulletin.click({ priority: 6, position: 5 })">Temporary policy: ChatGPT is banned</a> </div> </li> <li class="s-sidebarwidget--item d-flex px16"> <div class="flex--item1 fl-shrink0"> <div class="favicon favicon-stackoverflowmeta" title="Meta Stack Overflow"></div> </div> <div class="flex--item wmn0 ow-break-word"> <a href="https://web.archive.org/web/20230306155551/https://meta.stackoverflow.com/questions/423469/staging-ground-beta-1-recap-and-reviewers-needed-for-beta-2" class="js-gps-track" data-ga="["community bulletin board","Featured on Meta","https://meta.stackoverflow.com/questions/423469/staging-ground-beta-1-recap-and-reviewers-needed-for-beta-2",null,null]" data-gps-track="communitybulletin.click({ priority: 6, position: 6 })">Staging Ground Beta 1 Recap, and Reviewers needed for Beta 2</a> </div> </li> </ul> </div> <div class="js-sidebar-zone" style="min-height: 300px;"> <div class="js-zone-container zone-container-sidebar"> <div id="dfp-tsb" class="everyonelovesstackoverflow everyoneloves__top-sidebar"></div> <div class="js-report-ad-button-container " style="width: 300px"></div> </div> <div class="js-zone-container zone-container-sidebar"> <div id="dfp-msb" class="everyonelovesstackoverflow everyoneloves__mid-sidebar"></div> <div class="js-report-ad-button-container " style="width: 300px"></div> </div> <div id="hireme"></div> </div> <div class="module js-gps-related-tags"> <h2 id="h-related-tags" class="fc-black-700">Related Tags</h2> <div data-name="javascript"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+javascript" class="post-tag no-tag-menu" title="show questions tagged 'reactjs javascript'" aria-label="show questions tagged 'reactjs javascript'" rel="tag">javascript</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">195105</span> </span> </div> <div data-name="react-native"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+react-native" class="post-tag no-tag-menu" title="show questions tagged 'reactjs react-native'" aria-label="show questions tagged 'reactjs react-native'" rel="tag">react-native</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">37912</span> </span> </div> <div data-name="typescript"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+typescript" class="post-tag no-tag-menu" title="show questions tagged 'reactjs typescript'" aria-label="show questions tagged 'reactjs typescript'" rel="tag">typescript</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">28677</span> </span> </div> <div data-name="redux"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+redux" class="post-tag no-tag-menu" title="show questions tagged 'reactjs redux'" aria-label="show questions tagged 'reactjs redux'" rel="tag">redux</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">27535</span> </span> </div> <div data-name="react-hooks"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+react-hooks" class="post-tag no-tag-menu" title="show questions tagged 'reactjs react-hooks'" aria-label="show questions tagged 'reactjs react-hooks'" rel="tag">react-hooks</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">25855</span> </span> </div> <div data-name="node.js"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+node.js" class="post-tag no-tag-menu" title="show questions tagged 'reactjs node.js'" aria-label="show questions tagged 'reactjs node.js'" rel="tag">node.js</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">25618</span> </span> </div> <div data-name="css"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+css" class="post-tag no-tag-menu" title="show questions tagged 'reactjs css'" aria-label="show questions tagged 'reactjs css'" rel="tag">css</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">22837</span> </span> </div> <div data-name="react-redux"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+react-redux" class="post-tag no-tag-menu" title="show questions tagged 'reactjs react-redux'" aria-label="show questions tagged 'reactjs react-redux'" rel="tag">react-redux</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">18915</span> </span> </div> <div data-name="react-router"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+react-router" class="post-tag no-tag-menu" title="show questions tagged 'reactjs react-router'" aria-label="show questions tagged 'reactjs react-router'" rel="tag">react-router</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">18413</span> </span> </div> <div data-name="material-ui"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+material-ui" class="post-tag no-tag-menu" title="show questions tagged 'reactjs material-ui'" aria-label="show questions tagged 'reactjs material-ui'" rel="tag">material-ui</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">17872</span> </span> </div> <div class="dno js-hidden" data-name="html"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+html" class="post-tag no-tag-menu" title="show questions tagged 'reactjs html'" aria-label="show questions tagged 'reactjs html'" rel="tag">html</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">17239</span> </span> </div> <div class="dno js-hidden" data-name="next.js"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+next.js" class="post-tag no-tag-menu" title="show questions tagged 'reactjs next.js'" aria-label="show questions tagged 'reactjs next.js'" rel="tag">next.js</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">15765</span> </span> </div> <div class="dno js-hidden" data-name="webpack"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+webpack" class="post-tag no-tag-menu" title="show questions tagged 'reactjs webpack'" aria-label="show questions tagged 'reactjs webpack'" rel="tag">webpack</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">11046</span> </span> </div> <div class="dno js-hidden" data-name="axios"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+axios" class="post-tag no-tag-menu" title="show questions tagged 'reactjs axios'" aria-label="show questions tagged 'reactjs axios'" rel="tag">axios</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">10186</span> </span> </div> <div class="dno js-hidden" data-name="jestjs"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+jestjs" class="post-tag no-tag-menu" title="show questions tagged 'reactjs jestjs'" aria-label="show questions tagged 'reactjs jestjs'" rel="tag">jestjs</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">8913</span> </span> </div> <div class="dno js-hidden" data-name="firebase"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+firebase" class="post-tag no-tag-menu" title="show questions tagged 'reactjs firebase'" aria-label="show questions tagged 'reactjs firebase'" rel="tag">firebase</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">8849</span> </span> </div> <div class="dno js-hidden" data-name="arrays"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+arrays" class="post-tag no-tag-menu" title="show questions tagged 'reactjs arrays'" aria-label="show questions tagged 'reactjs arrays'" rel="tag">arrays</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">8476</span> </span> </div> <div class="dno js-hidden" data-name="express"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+express" class="post-tag no-tag-menu" title="show questions tagged 'reactjs express'" aria-label="show questions tagged 'reactjs express'" rel="tag">express</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">8022</span> </span> </div> <div class="dno js-hidden" data-name="jsx"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+jsx" class="post-tag no-tag-menu" title="show questions tagged 'reactjs jsx'" aria-label="show questions tagged 'reactjs jsx'" rel="tag">jsx</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">7355</span> </span> </div> <div class="dno js-hidden" data-name="ecmascript-6"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+ecmascript-6" class="post-tag no-tag-menu" title="show questions tagged 'reactjs ecmascript-6'" aria-label="show questions tagged 'reactjs ecmascript-6'" rel="tag">ecmascript-6</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">6715</span> </span> </div> <div class="dno js-hidden" data-name="react-router-dom"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+react-router-dom" class="post-tag no-tag-menu" title="show questions tagged 'reactjs react-router-dom'" aria-label="show questions tagged 'reactjs react-router-dom'" rel="tag">react-router-dom</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">6579</span> </span> </div> <div class="dno js-hidden" data-name="npm"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+npm" class="post-tag no-tag-menu" title="show questions tagged 'reactjs npm'" aria-label="show questions tagged 'reactjs npm'" rel="tag">npm</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">6421</span> </span> </div> <div class="dno js-hidden" data-name="json"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+json" class="post-tag no-tag-menu" title="show questions tagged 'reactjs json'" aria-label="show questions tagged 'reactjs json'" rel="tag">json</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">5669</span> </span> </div> <div class="dno js-hidden" data-name="api"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+api" class="post-tag no-tag-menu" title="show questions tagged 'reactjs api'" aria-label="show questions tagged 'reactjs api'" rel="tag">api</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">5245</span> </span> </div> <div class="dno js-hidden" data-name="state"> <a href="/web/20230306155551/https://stackoverflow.com/questions/tagged/reactjs+state" class="post-tag no-tag-menu" title="show questions tagged 'reactjs state'" aria-label="show questions tagged 'reactjs state'" rel="tag">state</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">4531</span> </span> </div> <a href="#" class="show-more js-show-more js-gps-track" data-gps-track="related_tags.click({ item_type:2 })"> more related tags </a> <script> StackExchange.ready(function () { var $div = $('#h-related-tags').parent(); $div.find('.js-show-more').click(function () { $div.find('.js-hidden').show(); $(this).remove(); return false; }); }); </script> </div> <div id="hot-network-questions" class="module tex2jax_ignore"> <h4> <a href="https://web.archive.org/web/20230306155551/https://stackexchange.com/questions?tab=hot" class="js-gps-track s-link s-link__inherit" data-gps-track="posts_hot_network.click({ item_type:1, location:9 })"> Hot Network Questions </a> </h4> <ul> <li> <div class="favicon favicon-writing" title="Writing Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://writing.stackexchange.com/questions/65704/how-do-you-ensure-that-a-red-herring-doesnt-violate-chekhovs-gun" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:166 }); posts_hot_network.click({ item_type:2, location:9 })"> How do you ensure that a red herring doesn't violate Chekhov's gun? </a> </li> <li> <div class="favicon favicon-codereview" title="Code Review Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://codereview.stackexchange.com/questions/283744/serialization-and-deserialization-doubly-linked-list-with-pointer-to-random-node" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:196 }); posts_hot_network.click({ item_type:2, location:9 })"> Serialization and deserialization doubly-linked list with pointer to random node on c++ </a> </li> <li> <div class="favicon favicon-mathematica" title="Mathematica Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://mathematica.stackexchange.com/questions/281925/how-can-one-build-this-kind-of-graphics-what-kind-of-plot-is-it" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:387 }); posts_hot_network.click({ item_type:2, location:9 })"> How can one build this kind of graphics? What kind of plot is it? </a> </li> <li> <div class="favicon favicon-gis" title="Geographic Information Systems Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://gis.stackexchange.com/questions/454487/separating-layers-based-on-labels" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:79 }); posts_hot_network.click({ item_type:2, location:9 })"> Separating layers based on labels </a> </li> <li> <div class="favicon favicon-music" title="Music: Practice & Theory Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://music.stackexchange.com/questions/128832/combine-notes-and-lyrics-into-a-variable" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:240 }); posts_hot_network.click({ item_type:2, location:9 })"> Combine notes and lyrics into a variable </a> </li> <li> <div class="favicon favicon-retrocomputing" title="Retrocomputing Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://retrocomputing.stackexchange.com/questions/26560/what-did-ctrlnumlock-do" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:648 }); posts_hot_network.click({ item_type:2, location:9 })"> What did Ctrl+NumLock do? </a> </li> <li> <div class="favicon favicon-space" title="Space Exploration Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://space.stackexchange.com/questions/63015/google-maps-for-space-exploration" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:508 }); posts_hot_network.click({ item_type:2, location:9 })"> Google maps for Space exploration </a> </li> <li> <div class="favicon favicon-music" title="Music: Practice & Theory Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://music.stackexchange.com/questions/128828/can-competent-brass-players-play-large-leaps" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:240 }); posts_hot_network.click({ item_type:2, location:9 })"> Can competent brass players play large leaps? </a> </li> <li> <div class="favicon favicon-rpg" title="Role-playing Games Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://rpg.stackexchange.com/questions/205052/would-fey-ancestry-affect-cutting-words" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:122 }); posts_hot_network.click({ item_type:2, location:9 })"> Would Fey Ancestry affect Cutting Words? </a> </li> <li> <div class="favicon favicon-english" title="English Language & Usage Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://english.stackexchange.com/questions/604178/is-there-a-single-word-adjective-for-having-exceptionally-strong-moral-principl" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:97 }); posts_hot_network.click({ item_type:2, location:9 })"> Is there a single-word adjective for "having exceptionally strong moral principles"? </a> </li> <li> <div class="favicon favicon-ethereum" title="Ethereum Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://ethereum.stackexchange.com/questions/146925/if-provider-is-essential-in-communicating-with-the-blockchain-how-is-this-fol" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:642 }); posts_hot_network.click({ item_type:2, location:9 })"> If `provider` is essential in communicating with the blockchain, how is this following code working? </a> </li> <li> <div class="favicon favicon-blender" title="Blender Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://blender.stackexchange.com/questions/287701/blender-python-set-location-does-not-use-centimeters" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:502 }); posts_hot_network.click({ item_type:2, location:9 })"> Blender python - set location does not use centimeters </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-diy" title="Home Improvement Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://diy.stackexchange.com/questions/268292/where-can-i-get-custom-size-closet-doors-or-how-do-i-make-one" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:73 }); posts_hot_network.click({ item_type:2, location:9 })"> Where can I get custom size closet doors, or how do I make one? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-unix" title="Unix & Linux Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://unix.stackexchange.com/questions/738686/how-to-print-hardware-models-for-humans" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:106 }); posts_hot_network.click({ item_type:2, location:9 })"> How to print hardware models for humans </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-astronomy" title="Astronomy Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://astronomy.stackexchange.com/questions/53075/how-would-dark-matter-subject-only-to-gravity-behave" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:514 }); posts_hot_network.click({ item_type:2, location:9 })"> How would "dark matter", subject only to gravity, behave? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-cooking" title="Seasoned Advice"></div><a href="https://web.archive.org/web/20230306155551/https://cooking.stackexchange.com/questions/123536/are-there-tables-of-wastage-rates-for-different-fruit-and-veg" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:49 }); posts_hot_network.click({ item_type:2, location:9 })"> Are there tables of wastage rates for different fruit and veg? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-workplace" title="The Workplace Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://workplace.stackexchange.com/questions/190343/disconnect-between-goals-and-daily-tasks-is-it-me-or-the-industry" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:423 }); posts_hot_network.click({ item_type:2, location:9 })"> Disconnect between goals and daily tasks...Is it me, or the industry? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-philosophy" title="Philosophy Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://philosophy.stackexchange.com/questions/97570/should-i-put-my-dog-down-to-help-the-homeless" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:265 }); posts_hot_network.click({ item_type:2, location:9 })"> Should I put my dog down to help the homeless? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-security" title="Information Security Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://security.stackexchange.com/questions/268930/does-the-attacker-need-to-be-on-the-same-network-to-carry-out-a-deauthentication" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:162 }); posts_hot_network.click({ item_type:2, location:9 })"> Does the attacker need to be on the same network to carry out a deauthentication attack? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-law" title="Law Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://law.stackexchange.com/questions/90062/a-swiss-watch-company-seized-my-watch-saying-it-was-stolen-i-bought-it-10-year" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:617 }); posts_hot_network.click({ item_type:2, location:9 })"> A Swiss watch company seized my watch, saying it was stolen. I bought it 10 years ago, is that legal? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-superuser" title="Super User"></div><a href="https://web.archive.org/web/20230306155551/https://superuser.com/questions/1771960/should-the-sticker-on-top-of-a-hdd-be-peeled" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:3 }); posts_hot_network.click({ item_type:2, location:9 })"> Should the sticker on top of a HDD be peeled? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-android" title="Android Enthusiasts Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://android.stackexchange.com/questions/250707/pixel-5-vibrates-once-when-turned-face-down" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:139 }); posts_hot_network.click({ item_type:2, location:9 })"> Pixel 5 vibrates once when turned face down </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-astronomy" title="Astronomy Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://astronomy.stackexchange.com/questions/53077/why-did-chandrasekhar-use-2-5-for-molecular-weight-in-1931" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:514 }); posts_hot_network.click({ item_type:2, location:9 })"> Why did Chandrasekhar use 2.5 for molecular weight in 1931? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-puzzling" title="Puzzling Stack Exchange"></div><a href="https://web.archive.org/web/20230306155551/https://puzzling.stackexchange.com/questions/119974/rolling-cube-on-an-infinite-chessboard" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:9, target_site:559 }); posts_hot_network.click({ item_type:2, location:9 })"> Rolling cube on an infinite chessboard </a> </li> </ul> <a href="#" class="show-more js-show-more js-gps-track" data-gps-track="posts_hot_network.click({ item_type:3, location:9 })"> more hot questions </a> </div> <div id="feed-link" class="js-feed-link"> <a href="/web/20230306155551/https://stackoverflow.com/feeds/tag?tagnames=reactjs&sort=newest" title="The 30 newest reactjs questions"> <svg aria-hidden="true" class="fc-orange-400 svg-icon iconRss" width="18" height="18" viewbox="0 0 18 18"><path d="M3 1a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3Zm0 1.5c6.9 0 12.5 5.6 12.5 12.5H13C13 9.55 8.45 5 3 5V2.5Zm0 5c4.08 0 7.5 3.41 7.5 7.5H8c0-2.72-2.28-5-5-5V7.5Zm0 5c1.36 0 2.5 1.14 2.5 2.5H3v-2.5Z"/></svg> Newest reactjs questions feed </a> </div> <aside class="s-modal js-feed-link-modal" tabindex="-1" role="dialog" aria-labelledby="feed-modal-title" aria-describedby="feed-modal-description" aria-hidden="true"> <div class="s-modal--dialog js-modal-dialog wmx4" role="document" data-controller="se-draggable"> <h1 class="s-modal--header fw-bold js-first-tabbable" id="feed-modal-title" data-se-draggable-target="handle" tabindex="0"> Subscribe to RSS </h1> <div class="d-flex gs4 gsy fd-column"> <div class="flex--item"> <label class="d-block s-label c-default" for="feed-url"> Newest reactjs questions feed <p class="s-description mt2" id="feed-modal-description">To subscribe to this RSS feed, copy and paste this URL into your RSS reader.</p> </label> </div> <div class="d-flex ps-relative"> <input class="s-input" type="text" name="feed-url" id="feed-url" readonly="readonly" value="https://stackoverflow.com/feeds/tag?tagnames=reactjs&sort=newest"/> <svg aria-hidden="true" class="s-input-icon fc-orange-400 svg-icon iconRss" width="18" height="18" viewbox="0 0 18 18"><path d="M3 1a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3Zm0 1.5c6.9 0 12.5 5.6 12.5 12.5H13C13 9.55 8.45 5 3 5V2.5Zm0 5c4.08 0 7.5 3.41 7.5 7.5H8c0-2.72-2.28-5-5-5V7.5Zm0 5c1.36 0 2.5 1.14 2.5 2.5H3v-2.5Z"/></svg> </div> </div> <a class="s-modal--close s-btn s-btn__muted js-modal-close js-last-tabbable" href="#" aria-label="Close"> <svg aria-hidden="true" class="svg-icon iconClearSm" width="14" height="14" viewbox="0 0 14 14"><path d="M12 3.41 10.59 2 7 5.59 3.41 2 2 3.41 5.59 7 2 10.59 3.41 12 7 8.41 10.59 12 12 10.59 8.41 7 12 3.41Z"/></svg> </a> </div> </aside> </div> </div> </div> <script type="text/javascript"> var cam = cam || { opt: {} }; var clcGamLoaderOptions = cam || { opt: {} }; var opt = clcGamLoaderOptions.opt; opt.omni = 'BwoLCOiElq-pmc87EAUgAigBOgl8cmVhY3Rqc3xIAFoSCYY9ezqCeQ6OEfVmbUcqJJA4rpybC56QFlT_WQ'; opt.sf = !0; opt.hb = !1; opt.ll = !0; opt.tlb_position = 0; opt.personalization_consent = !1; opt.targeting_consent = !1; opt.performance_consent = !1; opt.targeting = {Registered:['false'],'so-tag':['reactjs'],'tag-reportable':['reactjs'],'tag-non-reportable':['reactjs']}; opt.adReportEnabled = !0; opt.adReportUrl = '/ads/report-ad'; opt.adReportText = 'Report this ad'; opt.adReportFileTypeErrorMessage = 'Please select a PNG or JPG file.'; opt.adReportFileSizeErrorMessage = 'The file must be under 2 MiB.'; opt.adReportErrorText = 'Error uploading ad report.'; opt.adReportThanksText = 'Thanks for your feedback. We’ll review this against our code of conduct and take action if necessary.'; opt.adReportLoginExpiredMessage = 'Your login session has expired, please login and try again.'; opt.adReportLoginErrorMessage = 'An error occurred when loading the report form - please try again'; opt.adReportModalClass = 'js-ad-report'; opt.requestGuid = '4fdc2544-73f7-4a70-952b-f75a6aac681d'; opt.targeting.TargetingConsent = ['False_Passive']; const urlParams = new URLSearchParams(window.location.search); if (urlParams.has('dfptestads')) { const dfptestads = urlParams.get('dfptestads'); opt.targeting.DfpTestAds = dfptestads; } </script> <script>;(()=>{"use strict";var __webpack_modules__={23:(e,t,o)=>{o.d(t,{Z7:()=>l,eq:()=>r,kG:()=>n});const a=/^\/tags\//.test(location.pathname)||/^\/questions\/tagged\//.test(location.pathname)?"tag-pages":/^\/$/.test(location.pathname)||/^\/home/.test(location.pathname)?"home-page":"question-pages";let s=location.hostname;const i={slots:{lb:[[728,90]],mlb:[[728,90]],smlb:[[728,90]],bmlb:[[728,90]],sb:e=>"dfp-tsb"===e?[[300,250],[300,600]]:[[300,250]],"tag-sponsorship":[[730,135]],"mobile-below-question":[[320,50],[300,250]],msb:[[300,250],[300,600]],"talent-conversion-tracking":[[1,1]],"site-sponsorship":[[230,60]]},ids:{"dfp-tlb":"lb","dfp-mlb":"mlb","dfp-smlb":"smlb","dfp-bmlb":"bmlb","dfp-tsb":"sb","dfp-isb":"sb","dfp-tag":"tag-sponsorship","dfp-msb":"msb","dfp-sspon":"site-sponsorship","dfp-m-aq":"mobile-below-question"},idsToExcludeFromAdReports:["dfp-sspon"]};function n(){return Object.keys(i.ids)}function r(e){return i.idsToExcludeFromAdReports.indexOf(e)<0}function l(e){var t=e.split("_")[0];const o=i.ids[t];let n=i.slots[o];return"function"==typeof n&&(n=n(t)),{path:`/248424177/${s}/${o}/${a}`,sizes:n,zone:o}}},865:(e,t,o)=>{function a(e){return"string"==typeof e?document.getElementById(e):e}function s(e){return!!(e=a(e))&&"none"===getComputedStyle(e).display}function i(e){return!s(e)}function n(e){return!!e}function r(e){return/^\s*$/.test(a(e).innerHTML)}function l(e){const{style:t}=e;t.height=t.maxHeight=t.minHeight="auto",t.display="none"}function d(e){const{style:t}=e;t.height=t.maxHeight=t.minHeight="auto",t.display="none",[].forEach.call(e.children,d)}function c(e){const{style:t}=e;t.height=t.maxHeight=t.minHeight="auto",t.removeProperty("display")}function p(e){const t=document.createElement("script");t.src=e,document.body.appendChild(t)}function g(e){return o=e,(t=[]).push=function(e){return o(),delete this.push,this.push(e)},t;var t,o}function h(e){let t="function"==typeof HTMLTemplateElement;var o=document.createElement(t?"template":"div");return e=e.trim(),o.innerHTML=e,t?o.content.firstChild:o.firstChild}o.d(t,{$Z:()=>c,Bv:()=>h,Gx:()=>p,Nj:()=>a,QZ:()=>g,cf:()=>l,pn:()=>i,wo:()=>d,xb:()=>r,xj:()=>s,yb:()=>n})},763:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>AdReports});var _common_helper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(865),_console__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(276),_ad_units__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(23);class AdReports{constructor(e,t){if(this.googletag=e,this.cam=t,this.allowedFileTypes=["image/png","image/jpg","image/jpeg"],this.ignoreValidation=!1,_console__WEBPACK_IMPORTED_MODULE_1__.cM("Ad reporting init"),this.cam=t,this.callOnButtonClick=e=>this.onButtonClick(e),this.googletag.pubads().addEventListener("slotRenderEnded",e=>this.handleSlotRendered(e)),Array.isArray(t.slotsRenderedEvents)){_console__WEBPACK_IMPORTED_MODULE_1__.cM("Adding report button to "+t.slotsRenderedEvents.length+" events that have transpired");for(var o=0;o<t.slotsRenderedEvents.length;o++)this.handleSlotRendered(t.slotsRenderedEvents[o])}}handleSlotRendered(e){if(e&&e.slot&&!e.isEmpty&&(e.creativeId||e.lineItemId||!e.isEmpty)){var t=e.slot.getSlotElementId();if(t){var o=document.getElementById(t);if(o)if((0,_ad_units__WEBPACK_IMPORTED_MODULE_0__.eq)(t)){var a=o?.closest(".js-zone-container")?.querySelector(".js-report-ad-button-container");a.append(this.createButton(e)),a.style.height="24px",_console__WEBPACK_IMPORTED_MODULE_1__.cM("Added report button to the bottom of "+t)}else _console__WEBPACK_IMPORTED_MODULE_1__.cM("Not adding report button to the bottom of "+t+": shouldHaveReportButton = false");else _console__WEBPACK_IMPORTED_MODULE_1__.cM("Not adding report button to the bottom of "+t+": resolved invalid adUnit element")}else _console__WEBPACK_IMPORTED_MODULE_1__.cM("Not adding report button to the bottom of element: invalid adUnitElementId")}else _console__WEBPACK_IMPORTED_MODULE_1__.cM("Not adding report button to the bottom of element: invalid SlotRenderEndedEvent")}async onButtonClick(e){e.preventDefault();let t=e.target;const o=t.dataset.modalUrl,a=t.dataset.googleEventData;return await this.loadModal(o,t,a),!1}createButton(e){let t=document.createElement("button");var o=JSON.stringify(e);return t.dataset.googleEventData=o,t.dataset.modalUrl=this.cam.opt.adReportUrl,t.dataset.adUnit=e.slot.getSlotElementId(),t.classList.add("js-report-ad","s-btn","s-btn__link","fs-fine","mt2","float-right"),t.append(document.createTextNode(this.cam.opt.adReportText)),t.removeEventListener("click",this.callOnButtonClick),t.addEventListener("click",this.callOnButtonClick),t}async loadModal(url,$link,googleEventData){try{await window.StackExchange.helpers.loadModal(url,{returnElements:window.$($link)}),this.initForm(googleEventData)}catch(e){var message="",response=e.responseText?eval(`(${e.responseText})`):null;message=response&&response.isLoggedOut?this.cam.opt.adReportLoginExpiredMessage:this.cam.opt.adReportLoginErrorMessage,window.StackExchange.helpers.showToast(message,{type:"danger"})}}removeModal(){window.StackExchange.helpers.closePopups(document.querySelectorAll("."+this.cam.opt.adReportModalClass),"dismiss")}initForm(e,t=!1){this.ignoreValidation=t,this.$form=document.querySelector(".js-ad-report-form"),this.$googleEventData=this.$form.querySelector(".js-json-data"),this.$adReportReasons=this.$form.querySelectorAll(".js-ad-report-reason"),this.$adReportReasonOther=this.$form.querySelector(".js-ad-report-reason-other"),this.$fileUploaderInput=this.$form.querySelector(".js-file-uploader-input"),this.$imageUploader=this.$form.querySelector(".js-image-uploader"),this.$clearImageUpload=this.$form.querySelector(".js-clear-image-upload"),this.$imageUploaderText=this.$form.querySelector(".js-image-uploader-text"),this.$imageUploaderPreview=this.$form.querySelector(".js-image-uploader-preview"),this.$fileErrorMessage=this.$form.querySelector(".js-file-error");const o=this.$form.querySelector(".js-drag-drop-enabled"),a=this.$form.querySelector(".js-drag-drop-disabled");this.$googleEventData.value=e,this.$adReportReasons.forEach((e,t)=>e.addEventListener("change",e=>{this.$adReportReasonOther.classList.toggle("d-none","3"!==e.target.value)})),this.$fileUploaderInput.addEventListener("change",()=>{this.validateFileInput()&&this.updateImagePreview(this.$fileUploaderInput.files)}),this.$clearImageUpload.addEventListener("click",e=>{e.preventDefault(),this.clearImageUpload()});try{this.$fileUploaderInput[0].value="",this.$imageUploader.addEventListener("dragenter dragover dragleave drop",this.preventDefaults),this.$imageUploader.addEventListener("dragenter dragover",this.handleDragStart),this.$imageUploader.addEventListener("dragleave drop",this.handleDragEnd),this.$imageUploader.addEventListener("drop",this.handleDrop)}catch(e){o.classList.add("d-none"),a.classList.remove("d-none")}this.$form.removeEventListener("",this.handleDragEnd),this.$form.addEventListener("submit",async e=>(e.preventDefault(),this.submitForm(),!1))}clearImageUpload(){this.$fileUploaderInput.value="",this.$imageUploaderPreview.setAttribute("src",""),this.$imageUploaderPreview.classList.add("d-none"),this.$clearImageUpload.classList.add("d-none"),this.$imageUploaderText.classList.remove("d-none"),this.$imageUploader.classList.add("p16","ba","bas-dashed","bc-black-100")}preventDefaults(e){e.preventDefault(),e.stopPropagation()}handleDragStart(e){this.$imageUploader.classList.remove("bas-dashed"),this.$imageUploader.classList.add("bas-solid","bc-black-100")}handleDragEnd(e){this.$imageUploader.classList.remove("bas-solid","bc-black-100"),this.$imageUploader.classList.add("bas-dashed")}handleDrop(e){var t=e.originalEvent.dataTransfer.files;FileReader&&t&&1===t.length&&(this.$fileUploaderInput.files=t,this.validateFileInput()&&this.updateImagePreview(t))}setError(e){this.$fileErrorMessage.parentElement.classList.toggle("has-error",e)}updateImagePreview(e){this.$imageUploader.classList.remove("p16","ba","bas-dashed","bc-black-100"),this.$clearImageUpload.classList.remove("d-none"),this.$imageUploaderText.classList.add("d-none");var t=new FileReader;t.onload=e=>{null!=e.target&&(this.$imageUploaderPreview.setAttribute("src",e.target.result),this.$imageUploaderPreview.classList.remove("d-none"))},t.readAsDataURL(e[0])}validateFileInput(){if(this.ignoreValidation)return!0;const e=this.cam.opt.adReportFileTypeErrorMessage,t=this.cam.opt.adReportFileSizeErrorMessage;if(null==this.$fileUploaderInput.files)return!1;var o=this.$fileUploaderInput.files[0];return null==o?(this.setError(!0),!1):this.allowedFileTypes.indexOf(o.type)<0?(this.$fileErrorMessage.textContent=e,this.$fileErrorMessage.classList.remove("d-none"),this.setError(!0),!1):o.size>2097152?(this.$fileErrorMessage.textContent=t,this.$fileErrorMessage.classList.remove("d-none"),this.setError(!0),!1):(this.$fileErrorMessage.classList.add("d-none"),this.setError(!1),!0)}async submitForm(){if(!this.validateFileInput())return!1;this.$form.querySelector("[type=submit]").setAttribute("disabled","true");var e=JSON.parse(this.$googleEventData.value||"{}");e.Reason=parseInt(this.$form.querySelector(".js-ad-report-reason:checked").value,10),e.Description=this.$adReportReasonOther.value,this.$googleEventData.value=JSON.stringify(e);var t=new FormData(this.$form);try{const e=await window.fetch(this.$form.getAttribute("action"),{method:this.$form.getAttribute("method"),body:t,cache:"no-cache"}),a=e.headers.get("content-type")||"",s=await e.text();if(!e.ok)throw new Error("response not valid");if(0===a.indexOf("text/html")){var o=(0,_common_helper__WEBPACK_IMPORTED_MODULE_2__.Bv)(s);const e=o?o.querySelector(".js-modal-content"):null;if(_console__WEBPACK_IMPORTED_MODULE_1__.cM("$popupContent"),_console__WEBPACK_IMPORTED_MODULE_1__.cM(e),!e)throw new Error(`Could not find .js-modal-content in response from ${this.$form.getAttribute("action")}`);document.querySelector(".js-modal-content").replaceWith(e)}else window.StackExchange.helpers.showToast(this.cam.opt.adReportThanksText,{type:"success"}),this.removeModal()}catch(e){window.StackExchange.helpers.showToast(this.cam.opt.adReportErrorText,{type:"danger"})}finally{let e=this.$form.querySelector("[type=submit]");e&&e.removeAttribute("disabled")}}}},276:(e,t,o)=>{function a(...e){}o.d(t,{cM:()=>a})}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var o=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](o,o.exports,__webpack_require__),o.exports}__webpack_require__.d=(e,t)=>{for(var o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var __webpack_exports__={};(()=>{var e=__webpack_require__(276),t=(e=>(e[e.Above=0]="Above",e[e.Below=1]="Below",e))(t||{});const o=Object.assign({},{"lib":"https://web.archive.org/web/20230306155551/https://cdn.sstatic.net/clc/js/bundles/gam_loader_script/gam_loader_script.bundle.741.a1bd5bd69766c6c9192d.min.js","style":null,"u":null,"wa":true,"kt":2000,"tto":true,"h":"clc.stackoverflow.com","allowed":"^(((talent\\.)?stackoverflow)|(blog\\.codinghorror)|(.*\\.googlesyndication)|(serverfault|askubuntu)|([^\\.]+\\.stackexchange))\\.com$","wv":true,"al":false,"abd":true,"cpa_liid":[5882654614],"cpa_cid":[138377597667],"dp":false});var a=__webpack_require__(23),s=__webpack_require__(865),i=__webpack_require__(763);window.cam=new class{constructor(){this.gptImported=!1,this.collapsed={},e.cM("constructor"),this.clc_options=o,window.clcGamLoaderOptions?Object.assign(this,window.clcGamLoaderOptions):void 0===this.opt&&(this.opt=window.opt)}init(){if(e.cM("init"),void 0===this.opt)throw new Error("opt not set, required by GAM Loader");e.cM("setup message handler"),window.addEventListener("message",e=>{this.onmessage(e)}),this.opt.targeting&&this.opt.targeting.ProductVariant&&"SystemDefault"===this.opt.targeting.ProductVariant[0]&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?this.opt.targeting.ProductVariant="Dark":this.opt.targeting.ProductVariant="Light")}handleSlotRenderedNoAdReport(){if(googletag.pubads().addEventListener("slotRenderEnded",e=>this.applyExtraMarginBottom(e)),Array.isArray(this.slotsRenderedEvents))for(var e=0;e<this.slotsRenderedEvents.length;e++)this.applyExtraMarginBottom(this.slotsRenderedEvents[e])}onmessage(t){let o="omni";if(t.data&&("string"==typeof t.data||t.data instanceof String))if(0===t.data.indexOf("get-omni-")){e.cM("Recevied get-omni message, sending back omni");var a=t.source,i=this.opt.omni,n="string"==typeof i?i:"";a.postMessage([o,n,this.opt.requestGuid].join("|"),"*")}else if(0===t.data.indexOf("collapse-")){e.cM("Recevied collapse message, collapse ad iframe"),e.cM(t);for(var r=t.source.window,l=document.getElementsByTagName("IFRAME"),d=0;d<l.length;d++){var c=l[d];if(c.contentWindow==r)return void(0,s.wo)(c.parentElement.parentElement.parentElement)}}else if(0===t.data.indexOf("resize|")){e.cM("Recevied resize message, resize ad iframe"),e.cM(t);let o=this._getFrameByEvent(t),a=t.data.indexOf("|")+1,s=t.data.slice(a),i=parseFloat(s)+.5;e.cM("New iframe height "+i),o.height=i.toString(),o.parentElement.style.height=i.toString()+"px"}else if(0===t.data.indexOf("getmarkup|")){let o=t.data.indexOf("|")+1,a=t.data.slice(o);e.cM("Recevied get markup message: "+a);let s=this._getFrameByEvent(t).closest(".everyonelovesstackoverflow");const i=document.createElement("script");i.dataset.adZoneId=s.id,i.src=a,document.body.appendChild(i)}}placeInIframe(t,o){e.cM("Received markup result in main frame");let a=document.getElementById(t.dataset.adZoneId),s=a.querySelector("iframe");if("string"==typeof o.prefixToIframeHtml){let e=document.createElement("div");e.innerHTML=o.prefixToIframeHtml,a.prepend(e.querySelector("img"))}s.contentWindow.postMessage(["markup",JSON.stringify(o)].join("|"),"*")}_getFrameByEvent(e){return Array.from(document.getElementsByTagName("iframe")).filter(t=>t.contentWindow===e.source)[0]}classifyZoneIds(e){const t=e.map(s.Nj).filter(s.yb);return{eligible:t.filter(s.xb).filter(s.pn),ineligible:t.filter(s.xj)}}applyExtraMarginBottom(t){if(t&&t.slot&&!t.isEmpty&&(t.creativeId||t.lineItemId||!t.isEmpty)){var o=t.slot.getSlotElementId();if(o){var s=document.getElementById(o);if(s)if((0,a.eq)(o)){var i=s?.closest(".js-zone-container");i.style.marginBottom="24px",e.cM("Applied extra margin to the bottom of "+o)}else e.cM("Not applying extra margin to the bottom of "+o+": shouldHaveReportButton = false");else e.cM("Not applying extra margin to the bottom of "+o+": resolved invalid adUnit element")}else e.cM("Not applying extra margin to the bottom of element: invalid adUnitElementId")}else e.cM("Not applying extra margin to the bottom of element: invalid SlotRenderEndedEvent")}load(o=(0,a.kG)()){const n=this.opt.tlb_position===t.Above?["dfp-mlb","dfp-smlb"]:["dfp-mlb","dfp-smlb","dfp-tlb"];if(!this.isGptReady())return e.cM("Initializing..."),this.initGpt(),void googletag.cmd.push(()=>this.load(o));this.opt.adReportEnabled?(e.cM("Ad reporting enabled"),this.adReports=new i.t(googletag,this)):(e.cM("Ad reporting not enabled"),this.handleSlotRenderedNoAdReport()),e.cM("Attempting to load ads into ids: ",o);const{eligible:r,ineligible:l}=this.classifyZoneIds(o);if(this.initDebugPanel(googletag,r.concat(l)),r.forEach(e=>(0,s.cf)(e)),l.forEach(s.wo),0===r.length)return void e.cM("Found no ad ids on page");e.cM("Eligible ids:",r),this.opt.abd&&this.appendAdblockDetector();var d=googletag.pubads().getSlots().filter(e=>o.indexOf(e.getSlotElementId())>=0);googletag.destroySlots(d),this.opt.sf&&(googletag.pubads().setForceSafeFrame(!0),googletag.pubads().setSafeFrameConfig({allowOverlayExpansion:!0,allowPushExpansion:!0,sandbox:!0})),e.cM("Targeting consent: Checking...");let c=!1,p=!1;void 0!==this.opt.targeting_consent&&(p=!0,e.cM("Targeting consent: Parameter set"),e.cM("Targeting consent: Consent given? ",this.opt.targeting_consent),c=this.opt.targeting_consent),void 0!==this.opt.personalization_consent&&(e.cM("Personalization consent: Parameter set"),e.cM("Personalization consent: Consent given? ",this.opt.personalization_consent),c=c&&this.opt.personalization_consent),c=c&&p,googletag.pubads().setRequestNonPersonalizedAds(c?0:1),c||googletag.pubads().setPrivacySettings({limitedAds:!0}),this.opt.ll||googletag.pubads().enableSingleRequest(),cam.sreEvent||(googletag.pubads().addEventListener("slotRenderEnded",e=>this.onSlotRendered(e)),cam.sreEvent=!0),this.setTargeting(googletag);var g=r.filter(e=>!this.opt.ll||n.indexOf(e.id)<0),h=r.filter(e=>!!this.opt.ll&&n.indexOf(e.id)>=0);e.cM("Up front ids:",g),e.cM("Lazy loaded ids:",h),g.forEach(t=>{e.cM(`Defining ad for element ${t.id}`),this.defineSlot(t.id,googletag),t.setAttribute("data-dfp-zone","true")}),googletag.enableServices(),g.forEach(t=>{e.cM(`Displaying ad for element ${t.id}`),googletag.cmd.push(()=>googletag.display(t.id))}),this.opt.ll&&(e.cM("Enabling lazy loading for GAM"),googletag.pubads().enableLazyLoad({fetchMarginPercent:0,renderMarginPercent:0}),e.cM("Setting up lazy loaded ad units"),h.forEach(t=>{e.cM(`Lazy loading - Defining Slot ${t.id}`),this.defineSlot(t.id,googletag)}),h.forEach(t=>{e.cM(`Lazy loading - Displaying ad for element ${t.id}`),googletag.cmd.push(()=>googletag.display(t.id))}))}setTargeting(t){let o=this.opt.targeting;if(!o)throw new Error("Targeting not defined");Object.keys(o).forEach(a=>{e.cM(`-> targeting - ${a}: ${o[a]}`),t.pubads().setTargeting(a,o[a])})}appendAdblockDetector(){const e=document.createElement("div");e.className="adsbox",e.id="clc-abd",e.style.position="absolute",e.style.pointerEvents="none",e.innerHTML=" ",document.body.appendChild(e)}onSlotRendered(o){try{const n=o.slot.getSlotElementId();let r=[];n||r.push("id=0");const l=document.getElementById(n);if(n&&!l&&r.push("el=0"),0!==r.length)return void this.stalled(r.join("&"));const{path:d,sizes:c,zone:p}=(0,a.Z7)(n);if(this.collapsed[p]&&o.isEmpty)return e.cM(`No line item for the element #${l.id}... collapsing.`),void(0,s.wo)(l);if(this.slotsRenderedEvents.push(o),o.lineItemId||o.creativeId||!o.isEmpty){e.cM(`Rendered ad for element #${l.id} [line item #${o.lineItemId}]`),e.cM(o);var i=l.parentElement;if(i.classList.contains("js-zone-container")){switch((0,s.cf)(i),n){case"dfp-tlb":this.opt.tlb_position===t.Above?i.classList.add("mb8"):i.classList.add("mt16");break;case"dfp-tag":i.classList.add("mb8");break;case"dfp-msb":i.classList.add("mt16");break;case"dfp-mlb":case"dfp-smlb":case"dfp-bmlb":i.classList.add("my8");break;case"dfp-isb":i.classList.add("mt24");break;case"dfp-m-aq":i.classList.add("my12"),i.classList.add("mx-auto")}(0,s.$Z)(i),(0,s.$Z)(l)}else e.cM(`No ad for element #${l.id}, collapsing`),e.cM(o),(0,s.wo)(l)}}catch(e){this.stalled("e=1")}}stalled(e){(new Image).src=`https://${this.clc_options.h}/stalled.gif?${e}`}defineSlot(t,o){"dfp-isb"===t&&(e.cM("-> targeting - Sidebar: Inline"),o.pubads().setTargeting("Sidebar",["Inline"])),"dfp-tsb"===t&&(e.cM("-> targeting - Sidebar: Right"),o.pubads().setTargeting("Sidebar",["Right"]));const{path:s,sizes:i,zone:n}=(0,a.Z7)(t);e.cM(`Defining slot for ${t}: ${s}, sizes: ${JSON.stringify(i)}`),o.defineSlot(s,i,t).addService(o.pubads())}importGptLibrary(){this.gptImported||(this.gptImported=!0,void 0===this.opt.targeting_consent||this.opt.targeting_consent?(0,s.Gx)("https://web.archive.org/web/20230306155551/https://securepubads.g.doubleclick.net/tag/js/gpt.js"):(0,s.Gx)("https://web.archive.org/web/20230306155551/https://pagead2.googlesyndication.com/tag/js/gpt.js"))}isGptReady(){return"undefined"!=typeof googletag&&!!googletag.apiReady}initGpt(){"undefined"==typeof googletag&&(window.googletag={cmd:(0,s.QZ)(()=>this.importGptLibrary())})}initDebugPanel(t,o){e.cM("initDebugPanel"),e.cM("Not showing debug panel")}},window.clcGamLoaderOptions&&(cam.init(),cam.load())})()})();</script> <footer id="footer" class="site-footer js-footer" role="contentinfo"> <div class="site-footer--container"> <div class="site-footer--logo"> <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/" aria-label="Stack Overflow"><svg aria-hidden="true" class="native svg-icon iconLogoGlyphMd" width="32" height="37" viewbox="0 0 32 37"><path d="M26 33v-9h4v13H0V24h4v9h22Z" fill="#BCBBBB"/><path d="m21.5 0-2.7 2 9.9 13.3 2.7-2L21.5 0ZM26 18.4 13.3 7.8l2.1-2.5 12.7 10.6-2.1 2.5ZM9.1 15.2l15 7 1.4-3-15-7-1.4 3Zm14 10.79.68-2.95-16.1-3.35L7 23l16.1 2.99ZM23 30H7v-3h16v3Z" fill="#F48024"/></svg></a> </div> <nav class="site-footer--nav"> <div class="site-footer--col"> <h5 class="-title"><a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/" class="js-gps-track" data-gps-track="footer.click({ location: 5, link: 15})">Stack Overflow</a></h5> <ul class="-list js-primary-footer-links"> <li><a href="/web/20230306155551/https://stackoverflow.com/questions" class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 16})">Questions</a></li> <li><a href="/web/20230306155551/https://stackoverflow.com/help" class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 3 })">Help</a></li> </ul> </div> <div class="site-footer--col"> <h5 class="-title"><a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/" class="js-gps-track" data-gps-track="footer.click({ location: 5, link: 19 })">Products</a></h5> <ul class="-list"> <li><a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/teams" class="js-gps-track -link" data-ga="["teams traffic","footer - site nav","stackoverflow.com/teams",null,{"dimension4":"teams"}]" data-gps-track="footer.click({ location: 5, link: 29 })">Teams</a></li> <li><a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/advertising" class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 21 })">Advertising</a></li> <li><a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/collectives" class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 40 })">Collectives</a></li> <li><a href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/talent" class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 20 })">Talent</a></li> </ul> </div> <div class="site-footer--col"> <h5 class="-title"><a class="js-gps-track" data-gps-track="footer.click({ location: 5, link: 1 })" href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/">Company</a></h5> <ul class="-list"> <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 1 })" href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/">About</a></li> <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 27 })" href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/company/press">Press</a></li> <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 9 })" href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/company/work-here">Work Here</a></li> <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 7 })" href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/legal">Legal</a></li> <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 8 })" href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/legal/privacy-policy">Privacy Policy</a></li> <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 37 })" href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/legal/terms-of-service">Terms of Service</a></li> <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 13 })" href="https://web.archive.org/web/20230306155551/https://stackoverflow.co/company/contact">Contact Us</a></li> <li class="" id="consent-footer-link"><a class="js-gps-track -link js-cookie-settings" data-gps-track="footer.click({ location: 5, link: 38 })" href="#" data-consent-popup-loader="footer">Cookie Settings</a></li> <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link: 39 })" href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/legal/cookie-policy">Cookie Policy</a></li> </ul> </div> <div class="site-footer--col site-footer--categories-nav"> <div> <h5 class="-title"><a href="https://web.archive.org/web/20230306155551/https://stackexchange.com/" data-gps-track="footer.click({ location: 5, link: 30 })">Stack Exchange Network</a></h5> <ul class="-list"> <li> <a href="https://web.archive.org/web/20230306155551/https://stackexchange.com/sites#technology" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 24 })"> Technology </a> </li> <li> <a href="https://web.archive.org/web/20230306155551/https://stackexchange.com/sites#culturerecreation" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 24 })"> Culture & recreation </a> </li> <li> <a href="https://web.archive.org/web/20230306155551/https://stackexchange.com/sites#lifearts" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 24 })"> Life & arts </a> </li> <li> <a href="https://web.archive.org/web/20230306155551/https://stackexchange.com/sites#science" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 24 })"> Science </a> </li> <li> <a href="https://web.archive.org/web/20230306155551/https://stackexchange.com/sites#professional" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 24 })"> Professional </a> </li> <li> <a href="https://web.archive.org/web/20230306155551/https://stackexchange.com/sites#business" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 24 })"> Business </a> </li> <li class="mt16 md:mt0"> <a href="https://web.archive.org/web/20230306155551/https://api.stackexchange.com/" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 24 })"> API </a> </li> <li> <a href="https://web.archive.org/web/20230306155551/https://data.stackexchange.com/" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 24 })"> Data </a> </li> </ul> </div> </div> </nav> <div class="site-footer--copyright fs-fine md:mt24"> <ul class="-list -social md:mb8"> <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 5, link:4 })" href="https://web.archive.org/web/20230306155551/https://stackoverflow.blog/?blb=1">Blog</a></li> <li><a href="https://web.archive.org/web/20230306155551/https://www.facebook.com/officialstackoverflow/" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 31 })">Facebook</a></li> <li><a href="https://web.archive.org/web/20230306155551/https://twitter.com/stackoverflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 32 })">Twitter</a></li> <li><a href="https://web.archive.org/web/20230306155551/https://linkedin.com/company/stack-overflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 33 })">LinkedIn</a></li> <li><a href="https://web.archive.org/web/20230306155551/https://www.instagram.com/thestackoverflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 5, link: 36 })">Instagram</a></li> </ul> <p class="md:mb0"> Site design / logo © 2023 Stack Exchange Inc; user contributions licensed under <span class="td-underline"><a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/help/licensing">CC BY-SA</a></span>. <span id="svnrev">rev 2023.3.3.43278</span> </p> </div> </div> </footer>  <script async src="https://web.archive.org/web/20230306155551js_/https://www.googletagmanager.com/gtag/js?id=G-WCZ03SZFCQ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } </script> <script> StackExchange.ready(function() { var ga3Settings = { autoLink: ["stackoverflow.blog","info.stackoverflowsolutions.com","stackoverflowsolutions.com"], sendTitles: true, tracker: window.ga, trackingCodes: [ 'UA-108242619-1' ], checkDimension: 'dimension42' }; var customGA4Dimensions = {}; var ga4Settings = { tracker: gtag, trackingCodes: [ 'G-WCZ03SZFCQ' ], consentsToPerformanceCookies: "denied", consentsToTargetingCookies: "denied", eventParameters: customGA4Dimensions, checkForAdBlock: true }; StackExchange.ga.init({ GA3: ga3Settings, GA4: ga4Settings }); StackExchange.ga.setDimension('dimension2', '|reactjs|'); StackExchange.ga.setDimension('dimension3', 'Questions/ListByTag'); StackExchange.ga.setDimension('dimension7', "1678118151.1610356674"); StackExchange.ga.trackPageView(); }); </script> <div class="ff-sans ps-fixed z-nav-fixed ws4 sm:w-auto p32 sm:p16 bg-black-750 fc-white bar-lg b16 l16 r16 js-consent-banner"> <svg aria-hidden="true" class="mln4 mb24 sm:d-none svg-spot spotCookieLg" style="color: var(--theme-button-filled-background-color)" width="96" height="96" viewbox="0 0 96 96"> <path d="M35 45.5a7.5 7.5 0 11-15 0 7.5 7.5 0 0115 0zM63.5 63a7.5 7.5 0 100-15 7.5 7.5 0 000 15zm-19 19a7.5 7.5 0 100-15 7.5 7.5 0 000 15z" opacity=".2"/> <path d="M56.99 2.53a23.1 23.1 0 0114.66 6.15h.01l.01.02c.57.55.61 1.27.5 1.74v.07a10.95 10.95 0 01-3.07 4.77 9 9 0 01-6.9 2.5 10.34 10.34 0 01-9.72-10.44v-.08a10 10 0 011.03-3.74l.01-.03.02-.02c.28-.5.82-.92 1.52-.95.63-.02 1.27-.02 1.93.01zm12.04 7.83a20.1 20.1 0 00-12.2-4.83l-.92-.03c-.23.6-.38 1.25-.43 1.94a7.34 7.34 0 006.95 7.34 6 6 0 004.64-1.7c.94-.88 1.6-1.9 1.96-2.72zm15.3 8.76a6.84 6.84 0 00-5.09-.24 7.9 7.9 0 00-3.28 2.05 1.8 1.8 0 00-.3 1.95l.02.02v.02a15.16 15.16 0 008.74 7.47c.64.23 1.32.08 1.8-.33a6.63 6.63 0 001.63-1.97l.01-.03.01-.03c1.67-3.5-.12-7.32-3.54-8.91zm-5.5 3.28c.36-.25.82-.5 1.35-.67.92-.3 1.92-.35 2.89.1 2.14 1 2.92 3.14 2.11 4.88-.12.21-.26.41-.43.6l-.26-.1a12.29 12.29 0 01-5.66-4.81zM32 24a2 2 0 11-4 0 2 2 0 014 0zm12 21a2 2 0 11-4 0 2 2 0 014 0zm36 4a2 2 0 11-4 0 2 2 0 014 0zm-7 21a2 2 0 11-4 0 2 2 0 014 0zM59 81a2 2 0 11-4 0 2 2 0 014 0zM22 63a2 2 0 11-4 0 2 2 0 014 0zm27 7a9 9 0 11-18 0 9 9 0 0118 0zm-3 0a6 6 0 10-12 0 6 6 0 0012 0zM33 41a9 9 0 11-18 0 9 9 0 0118 0zm-15 0a6 6 0 1012 0 6 6 0 00-12 0zm50 11a9 9 0 11-18 0 9 9 0 0118 0zm-3 0a6 6 0 10-12 0 6 6 0 0012 0zM44.08 4.24c.31.48.33 1.09.05 1.58a17.46 17.46 0 00-2.36 8.8c0 9.55 7.58 17.24 16.85 17.24 2.97 0 5.75-.78 8.16-2.15a1.5 1.5 0 012.1.66 12.08 12.08 0 0011 6.74 12.4 12.4 0 007.85-2.75 1.5 1.5 0 012.38.74A45.76 45.76 0 0192 48.16c0 24.77-19.67 44.9-44 44.9S4 72.93 4 48.16C4 25.23 20.84 6.28 42.64 3.58a1.5 1.5 0 011.44.66zM40.22 7C21.32 10.71 7 27.7 7 48.16c0 23.17 18.39 41.9 41 41.9s41-18.73 41-41.9c0-3.52-.42-6.93-1.22-10.2a15.5 15.5 0 01-7.9 2.15c-5.5 0-10.36-2.83-12.97-7.1a19.46 19.46 0 01-8.28 1.85c-11 0-19.86-9.1-19.86-20.24 0-2.7.52-5.26 1.45-7.62zM92 91a2 2 0 100-4 2 2 0 000 4zM7 8.5a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zM82.5 90a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm9.5-7.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM13.5 8a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM80 14.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM53.5 20a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/> </svg> <p class="fs-body2 fw-bold mb4"> Your privacy </p> <p class="mb16 s-anchors s-anchors__inherit s-anchors__underlined"> By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our <a href="https://web.archive.org/web/20230306155551/https://stackoverflow.com/legal/cookie-policy">Cookie Policy</a>. </p> <div class="d-flex gs8 sm:fd-column"> <button class="flex--item6 s-btn s-btn__primary js-accept-cookies js-consent-banner-hide"> Accept all cookies </button> <button class="flex--item6 s-btn s-btn__primary js-reject-cookies js-consent-banner-hide"> Necessary cookies only </button> </div> <div class="d-flex mt8 sm:fd-column"> <button class="flex--item12 s-btn s-btn__filled js-cookie-settings" data-consent-popup-loader="banner"> Customize settings </button> </div> </div> <div id="onetrust-consent-sdk" class="d-none"></div> <div id="onetrust-banner-sdk" data-controller="s-modal"></div> <div id="ot-pc-content" class="d-none"></div> <div id="onetrust-style" class="d-none"> </div> <div class="d-none js-consent-banner-version" data-consent-banner-version="a1"></div> </body> </html>

CINXE.COM

Newest 'reactjs' Questions - Stack Overflow