Fix - Two HTML5 Backends Error

[LuanEdCosta]

Description

• The error was discovered by @schafferjrdev -> Feature - Pre Implantation Tabs #393 (comment).

Solution

• I found THIS SOLUTION in the react-dnd repository.
• To solve the problem a custom DndProvider was created. This component is located at src/components/CustomDndProvider.

IMPORTANT
Anywhere else on this site where you need a DndProvider, you must use CutomDndProvider to prevent the same error from happening again.

[github-actions]

Dicas para revisão de código

Commits

• Título (1a linha do commit): apresentar resumo do que foi alterado/adicionado/removido.
  ex: adiciona action que salva parametros no backend; exibe rótulo no componente de selecao de dataset;
• Descrição (outras linhas): dar mais detalhes de cada alteração:
  • motivos das alterações
    ex: havia um bug que causava...; nova funcionalidade que faz isso...; código foi movido para...;
  • bibliotecas adicionadas e versões (package.json)
    ex: atualiza para antd v4.6;
  • testes unitários criados/alterados
    ex: adiciona testes para a action fetchProjectSuccess;
• Mensagens auto-explicativas! Quem revisa o código deve entender o que foi feito (e porque foi feito) sem perguntar para quem fez o commit.
• Não devem ter conflitos. Solicitar que sejam resolvidas as ocorrências de "This branch has conflicts that must be resolved".

SonarCloud Quality Gate

• Coverage > 80.0%, e sempre que possível = 100%
• 0 Bugs, 0 Code Smells, 0 Vulnerabilities
• São permitidos os seguintes Security Hotspots:
  • Make sure that using this pseudorandom number generator is safe here.
  • Make sure that using a regular expression is safe here.

Build Github actions COM SUCESSO

ReactJS

• Usar Node 12 ou 14.
• Remover console.log.
• Não deixar código-fonte comentado.

Redux

As instruções a seguir foram retiradas do Redux Style Guide.

• Sempre retorne o newState no reducer. Outros valores irão causar problemas inesperados.
  ex: return message.error(error); (ERRADO)
• NÃO faça atribuições de valores no state. Crie e retorne um newState.
  ex: state.data = action.data; return state; (ERRADO)
• No reducer use apenas o state e o action. Não dispare ações ou funções assíncronas.
• No state, armazene tipos simples (int, String, ...), Array e plain Object. NÃO armazene function, Promise, class instances.
• Evite arrays aninhados no estado. Prefira armazená-los numa "forma normalizada".
• Nomeie as actions como "eventos", não como "setters".
  ex: SET_TASK_NAME SET_TASK_DESCRIPTION (ERRADO). TASK_DETAILS_EDITED (CORRETO).
• Utilize nomes auto-explicativos para as actions. Evite nomes como SET_DATA e UPDATE_DATA.

[sonarcloud]

SonarCloud Quality Gate failed.

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

0.0% Coverage
0.0% Duplication

[fberanizo]

Testei na .118 e pareceu corrigir o bug. :)
Não vou dar merge porque acho melhor o @schafferjrdev revisar também. :)

[schafferjrdev]

LGTM!