Linear Archive

PushButton.tsx:37 In HTML, <button> cannot be a descendant of <button>.
This will cause a hydration error.

  ...
    <Members>
      <OverlayUI>
        <div className="fixed inse...">
          <div className="relative h...">
            <div>
            <div className="absolute i..." data-testid="members-page">
              <MembersTopRightPanels>
              <div>
              <div className="flex-1 fle...">
                <MembersContent characters={[...]} selectedFilter="all" onFilterChange={function bound dispatchSetState} ...>
                  <div className="flex-1 fle...">
                    <div>
                    <div>
                    <div className="relative z...">
                      <div>
                      <CharacterGrid characters={[...]} onCharacterClick={function bound dispatchSetState} ...>
                        <div className="flex-1 ove...">
                          <style>
                          <div className="custom-scr...">
                            <div className="grid grid-...">
                              <PushButton onClick={function onClick} className="w-full block" dataTestId="character-...">
>                               <button
>                                 type="button"
>                                 disabled={false}
>                                 onClick={function handleClick}
>                                 className="cursor-pointer transition-transform duration-100 hover:scale-95 active:sc..."
>                                 data-testid="character-grid-item-luke"
>                                 style={undefined}
>                                 aria-label={undefined}
>                               >
                                  ...
                                    <div className="absolute i...">
                                      <div>
                                      <div className="flex flex-...">
                                        <PushButton onClick={function onClick} className="flex justi..." ...>
>                                         <button
>                                           type="button"
>                                           disabled={false}
>                                           onClick={function handleClick}
>                                           className="cursor-pointer transition-transform duration-100 hover:scale-95..."
>                                           data-testid="character-type-toggle"
>                                           style={{width:"24%"}}
>                                           aria-label="前衛 → 後衛に変更"
>                                         >

<button> cannot contain a nested <button>.
See this log for the ancestor stack trace.

バグ：仲間画面でPushButton.tsxのコンソールエラー

Description