Removes toJS in some redux files (#5755)

Author: Łukasz Sobek

src/actions/breakpoints/syncBreakpoint.js

@@ -70,7 +70,7 @@ export async function syncClientBreakpoint(
 ): Promise<BreakpointSyncData> {
   assertPendingBreakpoint(pendingBreakpoint);
 
-  const source = getSource(getState(), sourceId).toJS();
+  const source = getSource(getState(), sourceId);
   const generatedSourceId = sourceMaps.isOriginalId(sourceId)
     ? originalToGeneratedId(sourceId)
     : sourceId;
@@ -86,7 +86,7 @@ export async function syncClientBreakpoint(
 
   const scopedGeneratedLocation = await getGeneratedLocation(
     getState(),
-    source,
+    source.toJS(),
     scopedLocation,
     sourceMaps
   );

src/actions/expressions.js

@@ -96,7 +96,7 @@ export function deleteExpression(expression: Expression) {
  */
 export function evaluateExpressions() {
   return async function({ dispatch, getState, client }: ThunkArgs) {
-    const expressions = getExpressions(getState()).toJS();
+    const expressions = getExpressions(getState());
     for (const expression of expressions) {
       await dispatch(evaluateExpression(expression));
     }

src/actions/pause/continueToHere.js

@@ -17,9 +17,9 @@ import type { ThunkArgs } from "../types";
 
 export function continueToHere(line: number) {
   return async function({ dispatch, getState }: ThunkArgs) {
-    const source = getSelectedSource(getState()).toJS();
+    const selectedSource = getSelectedSource(getState());
 
-    if (!isPaused(getState())) {
+    if (!isPaused(getState()) || !selectedSource) {
       return;
     }
 
@@ -36,7 +36,7 @@ export function continueToHere(line: number) {
       addHiddenBreakpoint({
         line,
         column: undefined,
-        sourceId: source.id
+        sourceId: selectedSource.id
       })
     );
 

src/actions/preview.js

@@ -122,7 +122,7 @@ export function updatePreview(target: HTMLElement, editor: any) {
     }
 
     const source = getSelectedSource(getState());
-    const symbols = getSymbols(getState(), source.toJS());
+    const symbols = getSymbols(getState(), source);
 
     let match;
     if (!symbols || symbols.loading) {

src/reducers/sources.js

@@ -296,11 +296,11 @@ export function getNewSelectedSourceId(
     return "";
   }
 
-  const tabUrls = state.sources.tabs.toJS();
+  const tabUrls = state.sources.tabs;
   const leftNeighborIndex = Math.max(tabUrls.indexOf(selectedTabUrl) - 1, 0);
   const lastAvailbleTabIndex = availableTabs.size - 1;
   const newSelectedTabIndex = Math.min(leftNeighborIndex, lastAvailbleTabIndex);
-  const availableTab = availableTabs.toJS()[newSelectedTabIndex];
+  const availableTab = availableTabs.get(newSelectedTabIndex);
   const tabSource = getSourceByUrlInSources(
     state.sources.sources,
     availableTab